html----2
Posted 上山打老虎
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html----2相关的知识,希望对你有一定的参考价值。
什么是html?
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----2的主要内容,如果未能解决你的问题,请参考以下文章
一些docbook格式的文档转换的工具(jade wrapper)
在asp .net中怎么把kindeditor编辑器里面的文字,格式导入到word中?
HTMLHTML 标签 ② ( 排版标签 | 标题标签 | 段落标签 | 水平线标签 | 换行标签 | div 标签 | span 标签 )