HTML+CSS的基础语法

文章目录

  • HTML的语法
  • 1 什么是html标记语言
    • 1.1 特点
  • 2 html的标记和它的属性
    • 2.1 html文档的保存格式
    • 2.2 标记和别标记的内容构建出html文档
      • 2.2.1 格式
    • 2.3 标记的属性
      • 2.3.1 标记的属性
      • 2.3.2 格式
  • 3 语法不区分字母大小写
  • 4 文档注释
  • 5 代码格式
  • 6 字符实体
    • 6.1 什么是字符实体
    • 6.2 常见的字符实体

HTML的语法

1 什么是html标记语言

表示网页信息的符号标记语言

1.1 特点

序号 特点
1 设置文本的格式,比如标题,字号,文本颜色,段落等等
2 创建列表
3 可以插入图像和媒体
4 可以建立表格
5 超链接,可以使用鼠标点击超链接来实现页面之间的跳转

2 html的标记和它的属性

2.1 html文档的保存格式

.html

.htm

.xhtml

2.2 标记和别标记的内容构建出html文档

2.2.1 格式

<标记>

内容

2.3 标记的属性

2.3.1 标记的属性

就是用来控制我们的内容(图像、文本等)如何的显示

2.3.2 格式

<标记 属性1=属性值 属性2=属性值… …>

内容

例如内容

以上的属性是用来控制我们的网页的背景颜色,bgcolor就是body的属性,它的值是red(红色)

3 语法不区分字母大小写

、、都是定义相同的标记,但是在编写网页的时候尽量使用小写

4 文档注释

注释一段内容时使用" "结束

例如

5 代码格式

空格键和回车键在网页中都不会起到任何作用,为了让代码清晰易读,可以使用空格键和回车键进行编排

注意:缩进时保持严格的规则,以“Tab”键进行缩进

6 字符实体

6.1 什么是字符实体

比如我们想在网页上面显示一个"<“小于符号,但是”<“在HTML中是文档标记的开始语言,如果我们直接使用”<"会出差错,所以我们就会用一些实体名称来代替

6.2 常见的字符实体

显示结果 描述 实体名称 实体编号
空格    
< 小于号 < <
> 大于号 > >
& 和号 & &
" 引号 ""
撇号 &apos(IE不支持) '
日圆 ¥ ¥
× 乘号 × ×
÷ 除号 ÷ ÷

你可能感兴趣的:(本人经验文章)