HTML5学习(二)

目录

1. 字符集 character set

2. 标题标签

3. 段落和换行标签

4. 文本格式化标签

5.<div>和<span>标签

字符集是多个字符的集合,在<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. 特殊字符

  • 25
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值