目录
一、学到了
- 格式命名:“.html”结尾
- 标签:HTML5的标签分为单独标签<元素名称>和成对标签<元素名称>元素</元素名称>
- 标签div:最常见的文字标签(<div 属性>文本</div>)
- 标签P:段落标签,对段落进行格式化
- 标签h1---h6:设置文字格式,文字大小的修改
- text-align:规定格式,是文字的排版方式。例如text-align:center是让文字居中;
- 标签img:图片标签(a绝对路径:定位目标比较清晰但如果文件被挪动了与需要重新设置所有相关的链接,b相对路径:站内文件夹所在服务地址发生改变时,文件夹所在内部文件地址不会发生改变但容易写错。)
- 标签a:超链接标签(href:链接目标地址;target_blank:新建一个窗口;target_parent:在父窗口打开;target_self:同一个窗口打开;target_top:在浏览器的整个窗口打开;)
- 标签br:换行符(同段落标签p的区别)
二、效果展示
1.div标签:
2.P标签:
3.h1和h6标签
4.text-align:
5.img:(1)相对路径:相对于网页的内部文件
(2)绝对路径:从根目录出发,目录直接在硬盘上
6.a:超链接
7.br:
三、错误与纠正
1.错误:代码输入中有两个p标签,但只显示了一个。找不到浏览器显示代码,需要手动输入。
纠正:第一步,右击鼠标找到open in other browers
第二步:选择一个带电脑上的浏览器,点击即可成功。
第三步:显示成功。
2.错误:每次运行都显示下图:(没有配置html环境)
纠错:下载live server和open in browser(在此前已经下载,下图没有显示)
四:疑问
1.live server和open in browser有什么区别?
live server能够实时更新网站的内容,不用重复去打开网页
open in browser每一次更新网站都要重新打开一次网页Alt+b