首页 前端知识 HTML5学习(二)

HTML5学习(二)

2024-02-08 15:02:09 前端知识 前端哥 163 727 我要收藏

目录

1. 字符集 character set

2. 标题标签

3. 段落和换行标签

4. 文本格式化标签

5.<div>和<span>标签

6. 图像标签

 7. 路径

 8. 超链接标签

9. 锚点链接

10. 注释标签

11. 特殊字符


1. 字符集 character set

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

<meta charset="UTF-8" />

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

2. 标题标签

一共有六个等级的网页标题,<h1> - <h6>,成对出现

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

3. 段落和换行标签

段落标签:将文字分段显示,<p>用于定义段落,成对出现,将整个网页分成若干段落。

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

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

4. 文本格式化标签

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

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

5. <div> 和 <span>标签

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

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

6. 图像标签

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

<img src="图像URL" />

其他属性有: 

 【注】属性必须写在标签名的后面,属性之间不分先后;属性之间以空格间隔;属性采取键值对的形式

 7. 路径

目录文件夹:普通文件夹

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

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

 8. 超链接标签

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

<a href="跳转目标" target="目标窗口的弹出方式"> 文本或者图像 </a>
  • 内部链接直接写内部页面名称即可。
  • 空链接用#代替。
  • 下载链接中href直接写文件/压缩包的名字。
  • 网页元素链接:图片文字等都可做超链接

9. 锚点链接

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

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

10. 注释标签

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

11. 特殊字符

转载请注明出处或者链接地址:https://www.qianduange.cn//article/1528.html
标签
学习
评论
会员中心 联系我 留言建议 回顶部
复制成功!