回忆H5小白入门的第一天(使用sublime-text)

回忆小白第一天的零零碎碎

  • 一. 打开编辑器Sublime-Text
  • 二. 当时印象比较深的style和img
  • 三. 加入图片
  • 四. 图片重复加入排列
  • 五. 所遇到的其他问题

一. 打开编辑器Sublime-Text

最开始使用的编辑器是sublime-text(之后又换了好几个其他编辑器),浏览器用的是谷歌(chrome)浏览器。
第一次使用编辑器没啥概念,照着老师步骤一步一步傻瓜输入哈哈哈

  1. 输入html
  2. 按下tab键
  3. Ctrl+s键(保存)
  4. 进行命名(……+.html)
  5. 在< body>与< /body>之间输入内容
  6. 再进行保存
  7. 界面鼠标右击"Open in Browser"(在浏览器打开)
  8. 浏览器页面点刷新按钮出现输入的内容

*若出现乱码,则在< head>里输入< meta charset=“UTF-8”>再进行保存等操作


二. 当时印象比较深的style和img

  1. style:在style里来修改标签的样式
  2. 在style里指定img的样式
  img{
      width:200px;
      height:400px;


三. 加入图片

  1. 首先把图片拉进编辑器,或直接存入对应文件夹
  2. Ctrl+s保存
  3. 右键"Open in Browser",在浏览器中出现
  4. 修改图片大小(示例如下)