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

一. 打开编辑器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. 修改图片大小(示例如下)
<style>   
        img{
           width:200px;
           height:400px;
        }
  < /style>


四. 图片重复加入排列

  1. 在< body>与</ body>之间重复输入< img src=“1.jpg”> (“1.jpg”为该图片的名字)
  2. Ctrl+s保存
  3. 右键"Open in Browser",在浏览器中打开
  4. 若修改图片,把图片拉入桌面对应文件夹中,然后在编辑器中修改< img src=“图片名字.jpg”>


五. 所遇到的其他问题

  1. 文件类型不对

    解决方式:①重新创建,删除旧的文件
         ②重新命名,在右下角手动确定类型

  2. 中英文的区分

    解决方式:①注意两者的区别
         ②英文符号比中文符号瘦小一些,占地小一些

  3. 打单词的时候,细心一点,不要打错~~~

  4. 使用快捷键: Ctrl+C复制  Ctrl+V粘贴  Ctrl+S保存 Ctrl+N新建



回忆第一天学习的心情,还是蛮激动蛮有意思的哈哈哈
第一天是对整体有个小概念,零零碎碎记些东西,之后就开始系统的学习啦嘻嘻嘻 ( •̀ ω •́ )✧

发布了2 篇原创文章 · 获赞 0 · 访问量 106

猜你喜欢

转载自blog.csdn.net/CSDN_GMC/article/details/104169556
今日推荐