HTML5学习(二)

目录

1. 字符集 character set

2. 标题标签

3. 段落和换行标签

4. 文本格式化标签

5.

标签

6. 图像标签

 7. 路径

 8. 超链接标签

9. 锚点链接

10. 注释标签

11. 特殊字符


1. 字符集 character set

字符集是多个字符的集合,在标签内,可以通过标签的charset属性来规定HTML文件用那种字符编码。

UTF-8是万国码 ,基本包含所有国家需要用到的字符,这个一定要写,防止乱码情况。

2. 标题标签

一共有六个等级的网页标题,

-

成对出现

标题加粗,重要性依次下降

3. 段落和换行标签

段落标签:将文字分段显示,

用于定义段落,成对出现,将整个网页分成若干段落。

【注】文本会根据浏览器窗口大小自动换行;段与段之间会有大的空隙

换行标签:将文字强制换行,
单个出现,是单标签

4. 文本格式化标签

使文字以特殊的方式显示出来,例如粗体、斜体或者下划线等效果。

突出重要性,比普通文字重要

HTML5学习(二)_第1张图片

5.
标签

这两个标签没有语义,就像盒子用来装内容,用来布局

【注】一行只能放一个div标签;一行可以放多个span标签

6. 图像标签

用于定义页面中的图像,为单标签。src是必须属性,用于指定路径和文件名

其他属性有: 

HTML5学习(二)_第2张图片 【注】属性必须写在标签名的后面,属性之间不分先后;属性之间以空格间隔;属性采取键值对的形式

 7. 路径

目录文件夹:普通文件夹

根目录:打开目录文件夹的第一层就是根目录

路径分为相对路径和绝对路径。相对路径是以引用文件位置为参考基础,建立的目录路径。绝对路径是指目录下的绝对位置,直接到达目标位置。相对路径的符号是/,绝对路径用的是\

HTML5学习(二)_第3张图片

 8. 超链接标签

用于定义超链接标签。href是必写的。弹出方式:默认_self当前页面打开窗口 _blank新的窗口打开页面

 文本或者图像 
  • 内部链接直接写内部页面名称即可。
  • 空链接用#代替。
  • 下载链接中href直接写文件/压缩包的名字。
  • 网页元素链接:图片文字等都可做超链接

9. 锚点链接

锚点链接能够快速定位到文中的某个部分

  • 在href属性中,设置属性值为#名字的形式
  • 找到目标位置标签,里面添加一个id属性 = 刚才的名字

10. 注释标签

是注释标签,页面中不显示,帮助理解代码

11. 特殊字符

HTML5学习(二)_第4张图片

你可能感兴趣的:(html,html5,学习,前端)