html----02----html基础
2016-05-31 00:25
543 查看
什么是html?
HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言，而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
1.HTML 标签是由尖括号包围的关键词，比如 <html>
2.HTML 标签通常是成对出现的，比如 <b> 和 </b>
3.标签对中的第一个标签是开始标签，第二个标签是结束标签
4.开始和结束标签也被称为开放标签和闭合标签
建立html文件：
1. test.html
2. test.xhtml 严格html格式
3. test.htm ..由于一些老的服务器只支持3位后缀名,l省略了
html格式、标签
1.<!DOCTYPE html>-----定义文件为html类型
2.<html></html>-------根标签
3.<head></head>--------文档头，定义关于文档的信息，存放文件属性相关内容，不会显示在页面上
4.<title></title>---------标题
5.<meta http-equiv="content" content="text/html" charset="utf-8"/>-----------设置网页编码集
6.<meta name="keyWords" content="xx,xx">---------描述网页的关键词，网页优化互联网爬虫/机器人会抓取关键词
7.<meta name="description" content="xxxxxxx">--------网站内容描述
8.<meta http-equiv="refresh" content="3,http://www.baidu.com">-----------3秒后刷新网页，跳转到百度
9.<body></body>-------定义内容。
10.<!--这是注释-->--------注释，不会显示在页面上
11.定义正文标题：
<h1>标题一</h1>~<h6>标题六</h6>--------有六个级别，<h1>字体最大，标题也会被网络爬虫抓取，权重比keyWords小
<h1 align="center">标题一</h1>----------标题居中
12.段落标签：
<p>段落</p>------文字结束会自动换行
13.换行：
</br>
14.水平线：
<hr/>
15.引用文本块
<blockquote></blockquote>-----文本前后会自动空两格
16.无序列表组合:
<ul>
<li>吃饭</li>
<li>睡觉</li>
<li>打豆豆</li>
</ul>
17.有序列表组合：
<ol>
<li>吃饭</li>
<li>睡觉</li>
<li>打豆豆</li>
</ol>
18.定义列表：
<dl>
<dt><img src="x/xx.jpg"> </dt>-------内容
<dd>狗狗</dd>--------描述<dt>内容
</dl>
19.预编排模式：
<pre>
12
+ 21
--------
33
</pre>
20.符号：
1. 空格 2.© 版权符号© 3. 左尖括号，< 4.> 右尖括号>
5.& and符号& 6.— 破折号-
21.按钮
<button>点我</button>
22.超链接
<a href="http://www.baidu.com">百度</a>-------代码显示为“百度”，点击后会进入百度主页
23.锚连接：
点击后页面会显示id="t1"的附近
<a href="#t1">鞋子</a>
....
<p id="t1">这里卖鞋子</p>
24.字体加粗：<b>粗</b>
25.tabindex----------tab键切换
<b tabindex="1">A</b>
<b tabindex="2">B</b>
26.图片：
<img src="xx/xx.jpg" alt="美女" title="花姑娘">
--------src URL地址，相对路径。如果图片没有出现，就会显示alt的内容，当把鼠标放在图片上，会显示title内容
27.视频:
<video src="xx.mp4" controls="controls" autoplay="autoplay" loop="loop"></video>
----视频url地址，控制器，自动播放，循环播放
或者：
<video controls="controls" autoplay="autoplay" loop="loop">
<source src="xx.mp4" >
</video>
28.音频：
<audio controls="controls">
<source src="song.ogg" type="audio/ogg">
<source src="song.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>
29.表格：
<table border="1" cellspacing="0">------边框像素值为1，边框变粗
<th>------标题，表头
<tr>------一行
<td>1</td>-------一列
<td>2</td>-------一列
</tr>
</th>
跨行：
<th>
<tr>
<td rowspan="3"></td>------一列跨3行
</tr>
</th>
跨列：
<th>
<tr>
<td colaspan="3"></td>------一行跨3列
</tr>
</th>
30.在一个网页嵌套另一个网页
<iframe src="http://www.souhu.com" width="200" height="300" scrolling="yes">搜狐</iframe>
-------宽度200，高度300，显示滚动条，scrolling="yes"或者"no"或者"auto"-默认
HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言，而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。1.HTML 标签是由尖括号包围的关键词，比如 <html>
2.HTML 标签通常是成对出现的，比如 <b> 和 </b>
3.标签对中的第一个标签是开始标签，第二个标签是结束标签
4.开始和结束标签也被称为开放标签和闭合标签
建立html文件：
1. test.html
2. test.xhtml 严格html格式
3. test.htm ..由于一些老的服务器只支持3位后缀名,l省略了
html格式、标签
1.<!DOCTYPE html>-----定义文件为html类型
2.<html></html>-------根标签
3.<head></head>--------文档头，定义关于文档的信息，存放文件属性相关内容，不会显示在页面上
4.<title></title>---------标题
5.<meta http-equiv="content" content="text/html" charset="utf-8"/>-----------设置网页编码集
6.<meta name="keyWords" content="xx,xx">---------描述网页的关键词，网页优化互联网爬虫/机器人会抓取关键词
7.<meta name="description" content="xxxxxxx">--------网站内容描述
8.<meta http-equiv="refresh" content="3,http://www.baidu.com">-----------3秒后刷新网页，跳转到百度
9.<body></body>-------定义内容。
10.<!--这是注释-->--------注释，不会显示在页面上
11.定义正文标题：
<h1>标题一</h1>~<h6>标题六</h6>--------有六个级别，<h1>字体最大，标题也会被网络爬虫抓取，权重比keyWords小
<h1 align="center">标题一</h1>----------标题居中
12.段落标签：
<p>段落</p>------文字结束会自动换行
13.换行：
</br>
14.水平线：
<hr/>
15.引用文本块
<blockquote></blockquote>-----文本前后会自动空两格
16.无序列表组合:
<ul>
<li>吃饭</li>
<li>睡觉</li>
<li>打豆豆</li>
</ul>
17.有序列表组合：
<ol>
<li>吃饭</li>
<li>睡觉</li>
<li>打豆豆</li>
</ol>
18.定义列表：
<dl>
<dt><img src="x/xx.jpg"> </dt>-------内容
<dd>狗狗</dd>--------描述<dt>内容
</dl>
19.预编排模式：
<pre>
12
+ 21
--------
33
</pre>
20.符号：
1. 空格 2.© 版权符号© 3. 左尖括号，< 4.> 右尖括号>
5.& and符号& 6.— 破折号-
21.按钮
<button>点我</button>
22.超链接
<a href="http://www.baidu.com">百度</a>-------代码显示为“百度”，点击后会进入百度主页
23.锚连接：
点击后页面会显示id="t1"的附近
<a href="#t1">鞋子</a>
....
<p id="t1">这里卖鞋子</p>
24.字体加粗：<b>粗</b>
25.tabindex----------tab键切换
<b tabindex="1">A</b>
<b tabindex="2">B</b>
26.图片：
<img src="xx/xx.jpg" alt="美女" title="花姑娘">
--------src URL地址，相对路径。如果图片没有出现，就会显示alt的内容，当把鼠标放在图片上，会显示title内容
27.视频:
<video src="xx.mp4" controls="controls" autoplay="autoplay" loop="loop"></video>
----视频url地址，控制器，自动播放，循环播放
或者：
<video controls="controls" autoplay="autoplay" loop="loop">
<source src="xx.mp4" >
</video>
28.音频：
<audio controls="controls">
<source src="song.ogg" type="audio/ogg">
<source src="song.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>
29.表格：
<table border="1" cellspacing="0">------边框像素值为1，边框变粗
<th>------标题，表头
<tr>------一行
<td>1</td>-------一列
<td>2</td>-------一列
</tr>
</th>
跨行：
<th>
<tr>
<td rowspan="3"></td>------一列跨3行
</tr>
</th>
跨列：
<th>
<tr>
<td colaspan="3"></td>------一行跨3列
</tr>
</th>
30.在一个网页嵌套另一个网页
<iframe src="http://www.souhu.com" width="200" height="300" scrolling="yes">搜狐</iframe>
-------宽度200，高度300，显示滚动条，scrolling="yes"或者"no"或者"auto"-默认
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- html基础
- html里面的标签可以随意嵌套吗？？
- Html学习（9） - 表单格式化
- Html学习（8） - 表单组件:input和select
- Html学习（7） - 画中画
- XHTML
- Html学习（6） - 框架
- html----01----html基础
- Html学习（5） - 超链接
- script放置最佳位置以及html执行顺序
- AFNetworking 接收text/html格式返回数据
- html中上下左右拖拉横线控制div宽度示例
- ajax简单html页面内容获取
- HTML 5 Web 存储
- HTML开发过程个人心得与小技巧
- HTML基础一：基本元素
- HTML特殊字符编码大全
- 举例讲解HTML中iframe和frame的区别
- 聊一聊HTML <pre>标签
- HTML杂谈