HTml简介## 什么是HTML
Hyper text markup language 超文本标记语言 主要是对网页的文本，图片，声音进行描述
HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
- HTML 标签是由尖括号包围的关键词，比如
- HTML 标签通常是成对出现的，比如 和
- 标签对中的第一个标签是开始标签，第二个标签是结束标签
- 开始和结束标签也被称为开放标签和闭合标签
HTML骨架格式
- html标签 是所有标签的根节点
- head标签 用于存放title meta base style script link
- title标签 展示页面标题
- body标签 页面的主题部分，用于存放所有标签
HTML标签
HTML标题
HTML 标题（Heading）是通过<h1> - <h6> 等标签进行定义的。
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
HTML 段落
HTML 段落是通过 <p> 标签进行定义的
<p>This is a paragraph.</p>
HTML 链接
<a href="http://www.baidu.com">This is a link</a>
HTML 图像
HTML 图像是通过 <img> 标签进行定义的。
<img src="111.jpg" width="104" height="142" />
水平线标签(认识)
单词缩写： horizontal 横线
在网页中常常看到一些水平线将段落与段落之间隔开，使得文档结构清晰，层次分明。其基本语法格式如下：
<hr />是单标签
在网页中显示默认样式的水平线。
换行标签(熟记)
单词缩写： break 打断 ,换行
在HTML中，一个段落中的文字会从左到右依次排列，直到浏览器窗口的右端，然后自动换行。如果希望某段文本强制换行显示，就需要使用换行标签
<br />
这时如果还像在word中直接敲回车键换行就不起作用了。
div span标签(重点)
<div> 这是头部 </div> <span>今日价格</span
divsion 区域，划分，切割
span 跨度
文本格式化标签(熟记)
在网页中，有时需要为文字设置粗体、斜体、删除线下划线效果，这时就需要用到HTML中的文本格式化标签，使文字以特殊的方式显示。
粗体
<b></b> <strong></strong>
锚点定位
通过创建锚点链接，用户能够快速定位到目标内容。
创建锚点链接分为两步：
1.使用“a href=”#id名>“链接文本"</a>创建链接文本。
2.使用相应的id名标注跳转目标的位置。
base 标签
base 可以设置整体链接的打开状态
base 写到 <head> </head> 之间
路径(重点、难点)
实际工作中，通常新建一个文件夹专门用于存放图像文件，这时再插入图像，就需要采用“路径”的方式来指定图像文件的位置。
路径可以分为： 相对路径和绝对路径
相对路径
- 图像文件和HTML文件位于同一文件夹：只需输入图像文件的名称即可，如<img src=“logo.gif” />。
- 图像文件位于HTML文件的下一级文件夹：输入文件夹名和文件名，之间用“/”隔开，如<img src=“img/img01/logo.gif” />。
- 图像文件位于HTML文件的上一级文件夹：在文件名之前加入“…/” ，如果是上两级，则需要使用 “…/ …/”，以此类推，如<img src="…/logo.gif" />。
绝对路径
绝对路径
“D:\web\img\logo.gif”，或完整的网络地址，例如“http://www.itcast.cn/images/logo.gif”。
列表标签
什么是列表？
把…制成表,以表显示容器里面装载着文字或图表的一种形式，叫列表。
列表最大的特点就是 整齐 、整洁、 有序
无序列表 ul （重点）
无序列表的各个列表项之间没有顺序级别之分，是并列的。其基本语法格式如下：
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
......
</ul>
比如下面这些，新闻是没有顺序的，不用排队，先到先得，后发布先显示。
脚下留心：
1. <ul></ul>中只能嵌套<li></li>，直接在<ul></ul>标签中输入其他标签或者文字的做法是不被允许的。
2. <li>与</li>之间相当于一个容器，可以容纳所有元素。
3. 无序列表会带有自己样式属性，放下那个样式，一会让CSS来！
有序列表 ol （了解）
有序列表即为有排列顺序的列表，其各个列表项按照一定的顺序排列定义，有序列表的基本语法格式如下：
<ol
最低0.47元/天 解锁文章
2695
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
