本文详细介绍了HTML和XHTML的基本概念，以及HTML5的出现背景。HTML作为网页的基础描述语言，其语法包括双标记和空标记，常用的标签如h1-h6、p、strong、em、div、span等。HTML5的结构简洁，新增了多媒体支持和离线存储等功能。此外，还讲解了超链接、表格的创建以及相关属性。文章深入浅出地阐述了HTML家族的重要元素及其在网页开发中的作用。
HTML
- HTML 指的是超文本标记语言 (Hyper Text Markup Language) www万维网的描述性语言(语法不严谨)。
- XHTML指可扩展超文本标记语言（标识语言）（EXtensible HyperText Markup Language）是一种置标语言，表现方式与超文本标记语言（HTML）类似，不过语法上更加严格。
- HTML5指的是HTML的第五次重大修改（第5个版本）
- WHATWG(网页超文本应用技术工作小组)由欧朋、火狐、苹果浏览器厂商组成，目的：推动网络HTML5 标准。
1：HTML架构
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
有三种： Strict（严格型)、
Trasitional（过渡型）、
Frameset（框架型）
2：HTML5基本结构
3:HTML语法
HTML语法
-
常规标记(双标记)：<标记名称 属性1名="属性1值" 属性2名="属性2值" ………… ></标记名> 例： <p> 内容</p>
-
空标记（单标记）：<标记名 属性1名="属性1值" />
常用标签
- h1 主标题 一级标题(一般一个页面只有一个主标题，所以h1标签通常只用一次)
- h2 二级标题
- h3 3级标题
- h4 4级标题
- h5 5级标题
- h6 6级标题
- p 段落
- strong b 可以让文字加粗 都是内联标签，strong更具有强调的意义
- em i 可以让文字倾斜 都是内联标签，em更具有强调的意义
- div标签 没有任何语义 可以把它看做一个盒子或者一个块
- span 标签 没有任何语义 和div的区别就是一个是块一个是内联
- 无序列表
- ul和li配合使用
- ul和li是固定嵌套
- ul的直接子元素只能是li
- li的父元素可以是ul或者ol
- 有序列表
- ol和li配合使用
- 是固定嵌套
- ol的直接子元素只能是li
- 有序列表和无序列表，列表项前面的序号或者点状使用list-style：none 去掉
- ul{list-style: none;}
- ol{list-style: none;}
- 定义列表（自定义列表）
- dl dt dd 配合使用，是固定嵌套关系
- dl 是dt 和dd的父元素
- dt 和dd是兄弟元素
- dd是对dt的解释说明
- img标签
- 自闭合标签（空标签）
- <img src="cai.png" alt=" " title="" width="100" height="100">
- src=“图片路径”
- alt=“图片的描述” 当图片加载不出来或加载失败时会显示里面的文字
- title=“图片标题” 当鼠标放到图片上时会显示里面的文字
超链接
<a></a>
属性：
href = 'url'
target = "_blank（新窗口打开）新窗口打开 / _self(默认)";
title = '文本提示'
拓展：
rel = 'nofollow';
表格基本结构
<table>
<tr>行
<td></td>单元格
<td></td>
</tr>
</table>
<!--
table 为表格
tr 行
td 列（每一个单元格）
-->
表格的html属性
- width="表格的宽度"
- height="表格的高度"
- border="表格的边框"
- bordercolor="边框色"
- cellspacing="单元格与单元格之间的间距"
- cellpadding=“单元格与内容之间的距离"
- align="表格水平对齐方式"
- 取值：left、right、center、
- valign=“垂直对齐” top\bottom\middle
- 合并单元格属性：(td)
- 合并列： colspan=“所要合并的单元格的列数"
- 合并行： rowspan=“所要合并单元格的行数”
扫一扫
1701
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
