HTML标记语言
一、HTML的语法
二、html的基本结构
三、文档设置标记
四、图像标记
五、超链接的使用
六、表格
七、HTML框架
八、表单设计
一、HTML的语法
1. 什么是HTML标记语言
表示网页信息的符号标记语言
特点
a) 可以设置文本的格式,比如标题、字号、文本颜色、段落等等
b) 可以创建列表
c) 可以插入图像和媒体
d) 可以建立表格
e) 超链接,可以使用鼠标点击超链接来实现页面之间的跳转
2. HTML的标记和他的属性
1) HTML文档的保存格式
- .html
- .htm
- .xhtml
2) 标记和被标记的内容构建出HTML文档
格式 <标记> 内容 </标记>
3) 标记的属性
- 用来控制内容(图像、文本等的)如何显示
格式<标记 属性1=属性值 属性2=属性值 ... ... >内容</标记>
例如<body bgcolor="red">内容</body>
- 以上的属性是用来控制我们的网页的背景颜色,bgcolor就是body的属性,他的值是red(红色)
3. ❗️语法不区分字母大小写
<HTML>、<Html>、<html>都是定义相同的标记,但是在编写网页的时候尽量使用小写
4. 文档注释
❗️注释一段内容时使用“< !--”开始,以"-->"结束(使用时去掉空格)
5. 代码格式
空格键和回车键在网页中都不会起到任何作用,无论多少个空格键和回车键都会被替换成一个空格键,我们为了让代码清晰易读,可以使用空格和回车键进行编排。
⚠️:缩进时保持严格的规则,以“Tab”键进行缩进!
6. 字符实体
1) 什么是字符实体?
比如我们想在网页上面显示一个“<”小于符号,但是“<”在HTML中是文档标记的开始语言, 如果我们直接使用“<”可能会出差错,所以我们就会一些实体名称来代替!
2) 常见的字符实体⭐️
显示结果 | 描述 | 实体名称 | 实体编号 |
---|---|---|---|
空格 | |
  |
|
< | 小于号 | < |
< |
> | 大于号 | > |
> |
& | 和号 | & |
& |
" | 引号 | " |
" |
' | 撇号 |
' (IE不支持) |
' |
¢ | 分 | ¢ |
¢ |
£ | 镑 | £ |
£ |
¥ | 日圆 | ¥ |
¥ |
€ | 欧元 | € |
€ |
§ | 小节 | § |
§ |
© | 版权 | © |
© |
® | 注册商标 | ® |
® |
™ | 商标 | ™ |
™ |
× | 乘号 | × |
× |
÷ | 除号 | ÷ |
÷ |
正常情况下,HTML会截短文本中的空格。想要在文本中添加多个空格需要采用字符实体。
网友评论