一. 打开编辑器Sublime-Text
最开始使用的编辑器是sublime-text(之后又换了好几个其他编辑器),浏览器用的是谷歌(chrome)浏览器。
第一次使用编辑器没啥概念,照着老师步骤一步一步傻瓜输入哈哈哈
- 输入html
- 按下tab键
- Ctrl+s键(保存)
- 进行命名(……+.html)
- 在< body>与< /body>之间输入内容
- 再进行保存
- 界面鼠标右击"Open in Browser"(在浏览器打开)
- 浏览器页面点刷新按钮出现输入的内容
*若出现乱码,则在< head>里输入< meta charset=“UTF-8”>再进行保存等操作
二. 当时印象比较深的style和img
- style:在style里来修改标签的样式
- 在style里指定img的样式
img{
width:200px;
height:400px;
}
三. 加入图片
- 首先把图片拉进编辑器,或直接存入对应文件夹
- Ctrl+s保存
- 右键"Open in Browser",在浏览器中出现
- 修改图片大小(示例如下)
<style>
img{
width:200px;
height:400px;
}
< /style>
四. 图片重复加入排列
- 在< body>与</ body>之间重复输入< img src=“1.jpg”> (“1.jpg”为该图片的名字)
- Ctrl+s保存
- 右键"Open in Browser",在浏览器中打开
- 若修改图片,把图片拉入桌面对应文件夹中,然后在编辑器中修改< img src=“图片名字.jpg”>
五. 所遇到的其他问题
-
文件类型不对
解决方式:①重新创建,删除旧的文件
②重新命名,在右下角手动确定类型 -
中英文的区分
解决方式:①注意两者的区别
②英文符号比中文符号瘦小一些,占地小一些 -
打单词的时候,细心一点,不要打错~~~
-
使用快捷键: Ctrl+C复制 Ctrl+V粘贴 Ctrl+S保存 Ctrl+N新建
回忆第一天学习的心情,还是蛮激动蛮有意思的哈哈哈
第一天是对整体有个小概念,零零碎碎记些东西,之后就开始系统的学习啦嘻嘻嘻 ( •̀ ω •́ )✧