html基础
Posted 土生搞IT
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html基础相关的知识，希望对你有一定的参考价值。
1，建立html文件
（1）.html 标准后缀名
（2）.xhtml 严格HTML文件后缀名
（3）.htm 由于一些比较老的服务器只支持后缀名为三位而产生
2，文件类型标签
<!DOCTYPE html> 文件类型为html
3，根标签
<html></html>
4，标题标签
<title></title>
例如：<title>学生成绩表</title>
5，meta标签
<meta></meta>
例如：<meta name="Keywords" content="java培训，前端工程师培训">
网页关键字，content后跟内容，由逗号隔开，旨在向搜索引擎说明你的网页关键字
<meta name="description" content="一段话">
与keywords不冲突
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
设置网页编码集
6,head标签 规定文档属性相关内容，不会显示在页面上
<head></head>
例如：<head>
<title>个人简历</title>
<meta name="Keywords" content="java培训，前端工程师培训">
</head>
7,注释标签
<!--注释内容-->
注释的内容不会出现在网页上
例如：<!--用于设置网页编码集-->
8，标题标签
<h1></h1>最大
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>最小
搜索引擎可以抓取标题内容，而不会抓取正文内容，故不能滥用。
9，段落标签
<p></p>
结尾处自动换行
例如:<p>搜索引擎可以抓取标题内容，</p>
<p>而不会抓取正文内容</p>
显示为：
搜索引擎可以抓取标题内容，
而不会抓取正文内容
10，引用文本标签
<blockquote></blockquote>
11,列表标签
无序列表：
<ul> 显示为：
<li>java</li> java
<li>html</li> html
<li>c++</li> c++
</ul>
有序列表：
<ol> 显示为：
<li>java</li> 1.java
<li>html</li> 2.html
<li>c++</li> 3.c++
</ol>
12，描述标签
<dl>
<dt><img src="路径"></dt>
<dd>描述内容</dd>
</dl>
对照片文字等做描述。
13，自定义标签
<pre></pre>
完全按照你写的格式显示
14，定义分区块文本
<div></div>
可以包含其他元素，用于嵌套和布局管理。
<span></span>
对某行内的某些文字做特殊处理。
15，特殊字符
空格
< <
> >
© 版权符号
® 已注册符号
& and符号&
16，按钮标签
<button></button>
17,超链接标签
<a></a>
例如：<a href="http://www.baidu.com">点我啊</a>
显示为一个名为“点我啊”的button按钮，点击会跳到百度首页。
当不加“http://”时只能寻找本地网页，当需要跳转到互联网页时必须加“http://”。
18,锚链接标签
本页锚链接
<a href="#t1">锚链接</a>
<p id="1">这里是卖鞋子的<p> （任何标签都能添加id属性，唯一且不重复）
当点击“锚链接”时，会跳到“这里是卖鞋子的”附近。
跨页锚链接
直接在网址后加“#t1”
19，链接标题标签
<a href="http://www.baidu.com" title="百度网站">这里</a>
当鼠标移到这里时显示一个标题“百度网站”
20，图片标签
例如：有照片名为photo.jpg
<img src="photos.jpg" alt="描述"> 若图片未加载出来，则会显示描述文字
<img src="photo.jpg" title="标题"> 当鼠标移到图片上时，则显示标题
21，视频、音频标签
视频
<video controls="controls" autoplay="autoplay" loop="loop">
<source src="路径"></video>
controls是为视频添加控制台，autoplay是自动播放，loop是循环播放
音频
<audio></audio>与视频操作一致
22，表格标签
<table border="1" cellspacing="0"> (border="1"表示一个简单边框，宽度为1px.cellspacing="0"表示细边框)
<th>表头、标题</th>
<tr> (行)
<td></td>（列）
</tr>
</table>
跨行合并
<td rowspan="3"> (合并3行)
跨列合并
<td colspan="3"> (合并3列)
23，用ifram实现框架结构
在本页中加入另一个网页 <ifram src="路径"></ifram>
midth 宽 height 高
24，绝对路径和相对路径
绝对路径：从计算机根目录出发的详细路径（避免使用）
相对路径：相对于当前文件的路径
25，html标记必须开头和结尾都有，如果一个标记没有任何内容，容许开头和结尾写在一起，例如：换行标记<br/>
以上是关于html基础的主要内容，如果未能解决你的问题，请参考以下文章