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

HTML 一

时间:2016-05-30 23:10:17      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:

HTML分类
HTML文件一般包括三种。HTML格式,这是使用的主流版本,它具有一定的自动纠正功能,也就是一个标签体如果没写完的话,它能够自动补全格式。XHTML格式,是严格的标记语言格式,标签体的开头和结尾必须完全写出来,严格遵守规范。htm格式其实就是HTML文本,只是有部分老的服务器只能识别三位后缀名,所以就简写为htm。
HTML基本组成
head部分。这里面是HTML文件的头部,里面包括标题、关键字、基本设置等。
比如    
    <head><title>html文件的标题</title><!--显示网页的标题-->
    <meta name="keywords" content="test,first"><!--设置网页的关键字,用于网络抓取-->
    <meta http-equiv="content-type" content="text/html;charset=gbk"><!--将网页显示的编码设定为gbk简体中文-->
    <meta http-equiv="refresh" content="3000,http://www.baidui.com"><!--3000秒之后跳转到百度的网页上--></head>
body部分。这是HTML文件的主体,里面是我们编写的具体内容。
比如
     <body>这里面是我们书写具体内容的地方</body>
HTML一些简单的标签
 h标签,表示主题,从h1到h6,字体由大到小。<h1>字体最大</h1><h6>字体最小</h6>
p标签,表示段落,每一个段落都会新起一行。
    <p>这是第一个段落</p>
    <p>这是第二个段落</p><!--这两句话之间会自动换行-->
blockquote标签,表示引用块,该标签里面的内容会自动进行缩进。
    <blockquote>这段引用的话会自动进行缩进</biockquote>
列表标签。包括无序的ul和有序的ol。
    <ul><li>前面显示黑点第一个</li>
        <li>前面显示黑点第二个</li></ul>   
    <ol><li>前面显示阿拉伯数字1</li>
        <li>前面显示阿拉伯数字2</li></ol>
pre标签,表示预编译,可以按我们书写的格式进行输出。
    <pre>
       3
      +5
     -------
      =8
    </pre>
a标签,表示链接,它都会有一个地址href配合。如果加了#号和id表示这里还有一个锚链接,tabindex表示按Tab键第一次会跳到这个链接来,按住Alt+C键同样可以执行点击操作。
    <a href="https://www.baidu.com#name" tabindex="1" accesskey="C">点击这里会跳转到百度网页一个id名字叫name的标签附近去</a>

img标签,表示图片。
    <img src="路径" Alt="当图片无法显示的时候会显示这里的文字" title="鼠标放上去之后会显示的文字"></img>

video标签,视频文件。audio标签,音频文件。
    <vedio src="img/bond.mkv" controls="controls" autoplay="autoplay" loop="loop">浏览器不支持该视频文件时会显示这里的文字</vedio>
    <!--controls表示会显示控制界面,autoplay表示自动播放,loop表示循环播放-->
 table标签,表示表格。
    <table boder="1px" cellspacing="0"><!--表边框为1px,框线之间的空格为零,是三行三列-->
      <tr><td colspan="3"></td></tr> <!--第一行合并单元格-->
      <tr><td rowspan="2"></td><td></td><td></td></tr>  <!--第一列合并单元格-->
      <tr><td></td><td></td></tr>
    </table>

HTML 一

标签:

原文地址:http://www.cnblogs.com/quanby/p/5544066.html

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