1、HTML语法
1、标记
<> 组成
双标记:<标记></标记>
单标记:<标记>或<标记/>
2、元素
即标记
1、嵌套
<元素>
<元素></元素>
</元素>
1、必须完整嵌套
2、被嵌套要加缩进
注意:
1、行内元素不要嵌套块级元素
<b>
<div></div>
</b>
2、p标记中不允许嵌套其他块级元素
<p>
<div></div>
</p>
<p>
<h1></h1>
</p>
<p>
<p></p>
</p>
2、属性
<元素 属性="值" 属性="值"></元素>
3、注释
<!-- 注释内容 -->
2、HTML文档结构
1、文档类型声明
<!doctype html>
2、HTML页面
<html></html>
1、头部内容
<head></head>
1、<title></title>
2、<meta charset="utf-8">
charset:编码,字符集
2、页面主体内容
<body></body>
属性:
1、text
设置 页面 文本的颜色
2、bgcolor
摄者 页面 背景颜色
bgcolor(html元素属性)
和
background-color(css样式属性)
3、文本标记
1、特殊字符
空格:
< : <
> : >
<=: <=
© : ©
¥: ¥
2、文本标记
1、文本样式
加粗:<b></b>
倾斜:<i></i>
下划线:<u></u>
删除线:<s></s>
上标:<sup></sup>
下标:<sub></sub>
以上六个元素 全部都是 行内元素,不具备 align 属性
2、标题元素
<h#></h#>
<h1></h1>
...
<h6></h6>
块级元素, 允许使用 align 属性
3、段落元素
<p></p>
4、块分区-div
<div></div>
作用:布局
5、行内分区-span
作用:包裹文本,施加样式
6、换行
<br>
7、水平线
<hr>
size
width
color
align
8、预格式化
<pre></pre>
9、块级元素 和 行内元素
1、块级元素
独占一行
作用:布局
display:block;
2、行内元素
一行内允许显示多个元素
作用:处理文本
display:inline;
HTML基础语法
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 本博客为线上学习某课程笔记,供参考,供学习 什么是HTML标记语言? 表示网页信息的符号标记语言。 开发工具 自带...