HTMLday01

一、HTML发展
HTML 指的是超文本标记语言 (Hyper Text Markup Language) www万维网的描述性语言。
XHTML指可扩展超文本标记语言（标识语言）（EXtensible HyperText Markup Language）是一种置标语言，表现方式与超文本标记语言（HTML）类似，不过语法上更加严格。
HTML5指的是HTML的第五次重大修改（第5个版本）(HTML5 是 W3C 与 WHATWG 合作的结果)

WEB标准是网页制作的标准，它不是一个标准，它是根据网页的不同组成部分生成的一系列标准。这些标准大部分由W3C起草发布，也有部分标准由ECMA起草发布
总体来说web标准有三部分组成：
结构（html） + 表现（css） + 行为（JavaScript）

二、网站站点的创建

1)站点的作用
A、用来归纳一个网站上所有的网页、素材以及他们之间的联系 B/ 规划网站的所有内容和代码 整合资源
2)创建站点的步骤
创建网页所需各个文件夹 css、js、images、html、font（字体，可以用自创的字体）
3)文件的命名规则
A、 件命名规则：用英文，不用中文
B、名称全部用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符；必须以英文字母开头。
C、网站的首页必须命名为index.html不建议使用shouye.html

三、初入HTML
HTML5的网页基本结构

四、HTML的基本语法
1)常规标记 、双标记
<标记 属性=“属性值” 属性=“属性值”></标记>
2)空标记 、单标记
<标记 属性=“属性值” />
说明：
1.写在<>中的第一个单词叫做：标记/标签/元素。
2.标记和属性用空格隔开，属性和属性值用等号连接，属性值必须放在“”号内。
3.一个标记可以没有属性也可以有多个属性，属性和属性之间不分先后顺序。
4.空标记没有结束标签，用“/”代替。
五、HTML常用标记
-2、

没有具体含义，统称为块标签，
用来设置文档区域，是文档布局常用对象
-1、
文本结点标签
可以是某一小段文本，或是某一个字。
1、文本标题（h1-h6）–双标签
2、段落文本§

段落文本内容

3、加粗 加粗有两个标记 加粗内容 强调语气的加粗内容 4、倾斜 倾斜内容 强调语气的倾斜内容 5、字符实体   空格 < 小于号 < > 大于号 > © 版权符号 © 6、强制换行（break--破裂）
强制换行标签 7、水平线

---

空标记 8、下划线标记 文字具有下划线 9、删除标记 指定被删除的文本 10、上标标记&下标标记 ^{定义上标文本} 如WWW[1] _{定义下标文本} 如H2O 11、文本设置标签--扩展 定义上标文本 color=”colorname” face=”字体名称” Css没有font-face: ; css设置字体是font-family：；但有@font-face{ } 12、列表标签 *无序列表

• 列表项内容
• 列表项内容
• 列表项内容

*有序列表

1. 列表项内容
2. 列表项内容
3. 列表项内容

type：规定列表符号的类型：数字（1），字母（a/A~z/Z），罗马数字（i） start：规定有序列表的起始点，属性值必须是数字 *自定义列表

(definition list) 名词

解释

13、插入图片标签

注:所要插入的图片必须放在站点下
绝对路径：是从盘符开始的路径 ./表示当前路径，在通常情况下可以省略
相对路径：是从当前路径开始的路径 …/表示为父目录-返回上级目录
1)当前文件与目标文件(图片)在同一目录下，写法如下：目标文件名或图片名+扩展名；
2)当前文件与目标文件(图片)所处的文件夹在同一目录下，写法如下： 文件夹名/目标文件名或图片名+扩展名；
3)当前文件所处的文件夹和目标文件(图片)所处的文件夹在同一目录下，写法如下： …/目标文件所处文件夹名/目标文件名或图片名+扩展名；
注：alt:
1、alt属性是考虑到不支持图像显示或者图像显示被关闭的浏览器的用户，以及视觉障碍的用户和使用屏幕阅读器的用户。当图片不显示的时候，图片的替换文字。
2、alt属性值得长度必须少于100个英文字符
3、alt属性是img标签的必须属性，如果没有特别意义的图片，可以写alt=""
4、alt属性是搜索引擎判断图片与文字是否相关的重要依据，alt属性添加到img主要的目的才是为了SEO
title:
1、title属性并不是必须的。
2、title属性规定元素的额外信息，有视觉效果，当鼠标放到文字或是图片上时有文字显示。
3、title属性并不作为搜索引擎抓取图片的参考，更多倾向于用户体验的考虑。
14、超链接标签
链接文本/图片
href属性：规定链接指向的页面的url title属性：超链接标题
target属性：页面打开方式：
_self 默认值，在本窗口打开
_blank 新窗口打开

14、表格
数据表格的作用及组成 作用：显示数据
表格组成

（一个tr表一行） （一个td表一列--一个单元格） table：标签定义HTML表格 tr：元素定义表格行 td：元素定义表格单元格 数据表格的相关属性 1）width="表格的宽度" 2）height="表格的高度" 3）border="表格的边框" 4）bgcolor="表格的背景色" bg=background 5）bordercolor="表格的边框颜色" 6）cellspacing="单元格与单元格之间的间距" 7）cellpadding="单元格与内容之间的间距" 8）水平对齐方式：align="left/center/right"; 垂直对齐方式：valign="top/middle/bottom"; 注：对齐方式在 td 或 tr 上使用 10)合并单元格属性： colspan=“所要合并的单元格的列数"合并列--变成一行; 注：合并之后需要把多余的单元格删除 rowspan=“所要合并单元格的行数”合并行--变成列;

六、HTML和XHTML的语法区别
XHTML 要求标签正确嵌套
XHTML 所有标签必须关闭 /
XHTML 区分大小写
XHTML 属性值要用双引号
XHTML 用 id 属性代替 name 属性
XHTML 特殊字符的处理   < >