1.HTML的相关概念
网站建设流程
网页组成
网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。
- html（Hypertext Markup Language）—— 结构超文本标记语言
- css（Cascading Style Sheets）—— 样式层叠样式表
- js（javascript）—— 行为
HTML与ＸＨＴＭＬ的最大的不同是：
- XHTML 元素必须被正确地嵌套。
- XHTML 元素必须被关闭。
- 标签名必须用小写字母。
- XHTML 文档必须拥有根元素。
第一个页面
创建站点
站点的作用
- 用来归纳一个网站上所有的网页、素材以及他们之间的联系
- 创建站点的步骤
- 文件的命名规则
文件命名规则：用英文，不用中文
名称全部用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符；必须以英文字母开头。
首页必须命名为index.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Hello Word</title>
</head>
<body>
这是我的的第一节课
</body>
</html>
HTML基本语法
常规标签:
<标签 属性="属性值" 属性="属性值"></标签>
单标签：
<标签 属性=“属性值” />
常用标签
1)文本标题
<h1>一级标题</h1>
<h2>二级标题</h2>
……
<h6>六级标题</h6>
2)段落标记
<p>段落文本内容</p>
3）空格
（所占位置没有一个确定的值,
这与当前字体字号都有关系。
4） <br />强制换行
5）加粗
<b>加粗内容</b>
<strong>加粗内容</strong>
6）倾斜
<em></em>
<i></i>
7）水平线/删除线/下划线
<hr /> / <del></del>/<u></u>
8）上标／下标
<sup>上标</sup>
<sub>下标</sub>
列表标签
有序列表
<ol>(ordered list)
<li></li>
<li></li>
．．．．．．
</ol>
无序列表
<ul>
<li></li>
<li></li>
．．．．．．
</ul>
自定义列表
dl>
<dt>名词</dt>
<dd>解释</dd> (定义描述)
．．．．．．
</dl>
img标签/超链接标签
<img src="图片路径" alt="图片名" title="图片标题"/>
alt属性 是图片名字，是给百度搜索引擎抓取使用
相对路径：../返回上一级 ./下一级
绝对路径：图片的绝对所在位置（一般不使用）
a标签： 超链接/下载/锚点
语法：
<a href="连接地址">链接文本/图片</a>
属性： target 链接打开方式
_blank 新窗口
_self 当前窗口
表格table
<table>
<tr>
<td></td>
</tr>
</table>
table:表格标签 tr：行标签 td：单元格标签
width="表格的宽度"
height="表格的高度"
border="表格的边框"
bgcolor="表格的背景色"
cellspacing="单元格与单元格之间的间距"
cellpadding="单元格与内容之间的空隙"
水平对齐方式：align="left/center/right";
colspan=“所要合并的单元格的列数"合并列;
rowspan=“所要合并的单元格的行数” 合并行;
|
|
|
|
|
|