码迷,mamicode.com
首页 > Web开发 > 详细

HTML基础

时间:2016-05-31 00:48:01      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:

  HTML是超文本标记语言  

  写一些规定好的标记,浏览器自动解析成这些标记该标记的样子

.html --标准HTML格式

.xhtml --严格HTML格式

.htm --也是一种标准HTML格式,适用于一些老的服务器(只支持后缀3位)

<!DOCTYPE html><!--定义当前文档类型(这是html类型)-->

<html>

<head><!--头 文档属性相关内容,不会显示出来-->    

  <title></title><!--网页名-->

</head>

<body>  <!--页面显示内容-->  

  hello word <!--没有修饰符,那么浏览器会以默认模式显示-->

</body>

</html>

 

<meta name="keywords" content="*,*"> 设置关键字*,多个用,分开

<meta name="description" content="*,*"> 设置当前网站的主要内容,用完整的句子形容

<meta http-equiv="Content-Type" content="text/html;charset=utf-8"> 设置网页编码格式

<meta http-equiv="refrech" content="3,http://www.baidu.com"> 3秒后刷新到百度

<!--注释--> 注释内容不会显示在网页上

<h1>标题1</h1> 文本标题,共有6级,1的字体最大

<p>段落</p> 段落标签,结尾会换行

<blockquote>引用文本标签</blockquote>

无序列表标签

<ul>  

  <li>列表1</li>  

  <li>列表2</li>  

  <li>列表3</li>

</ul>

有序列表标签

<ol>  

  <li>列表1</li>  

  <li>列表2</li>

   <li>列表3</li>

</ol>

 

描述标签

<dl>

  <dt><img src="图片路径" alt="图片无法显示时,需要显示的内容" title="鼠标放在图片上提示的内        容"></dt><!--一般存放图片-->

  <dd></dd><!--对图片进行详细描述-->

</dl>

<pre></pre>   预编译标签(可以自定义标签内容格式)

<div></div>   块标签(里面可以放其他的标签)

特殊字符

&nbsp; 空格

&lt; 左尖括号<或小于号

&gt; 右尖括号>或大于号

&copy; 版权符号©

&reg; 已注册符号®

&amp; and符号&

&#151; 长破折号

超链接

<a href="http://www.baidu.com">点我啊</a> 点击点我啊,跳转到百度网页(其中http://必须加,不然是在本地服务器上找)

锚链接(可跨页链接)

<a href="#t1">我要看足球</a>  

  <p id=1>足球</p> 

 

<a tabindex="1">点我啊</a>   设置点我啊按table键选择的顺序(tabindex="2或者3等")

视频标签 <video src="视频地址" controls="controls" autoplay="autoplay" loop="loop">

                       控制器       自动播放     循环播放

音频标签 <audio src="视频地址" controls="controls" autoplay="autoplay" loop="loop">

                       控制器       自动播放     循环播放

表标签

<table border="1" cellspacing="0">  

    边框像素是1 边框中的距离为0  

  <th>表头</th> <!--表头(标题)-->  

  <tr><!--表的行-->   

    <td></td><!--表的列-->   

    <td></td>  

  </tr>

</table>

<td rowspan="3"></td> 跨行(合并3行单元格)

<td colspan="3"></td> 跨列(合并3列单元格)

HTML基础

标签:

原文地址:http://www.cnblogs.com/k1024/p/5544331.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!