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

HTML基础-1

时间:2016-06-14 12:19:30      阅读:298      评论:0      收藏:0      [点我收藏+]

标签:标签

HTML介绍

超级文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准 它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全的解释,因而可能会有不同的显示效果。

HTML语言特点

  1. 一、简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。

  2. 二、可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。

  3. 三、平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网WWW)盛行的另一个原因。

  4. 四、通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

  5. HTML的发展史

  6. 超文本标记语言(第一版)——在1993年6月作为互联网工程工作小组(IETF)工作草案发布(并非标准):

  7. HTML 2.0——1995年11月作为RFC 1866发布,在RFC 2854于2000年6月发布之后被宣布已经过时

  8. HTML 3.2——1997年1月14日,W3C推荐标准HTML 4.0——1997年12月18日,W3C推荐标准

  9. HTML 4.01(微小改进)——1999年12月24日,W3C推荐标准

  10. HTML 5——2014年10月28日,W3C推荐标准[4]

标签的分类

1.单目标签

    单目标签的书写格式:<标签名 属性="属性值" />

    例如:<meta content="text/html" charset="utf-8" />

2.双目标签

    双目标签的书写格式:<标签名 属性="属性值">内容</标签名>

    例如:<title>网页标题</title>

网页文档的基本结构

<!DOCTYPE html>    <!--声明文档的解析类型-->

<html>        <!--告知浏览器自身是一个html文档,限制了文档的开始和结束-->

    <head>    <!--用于定义文档的头部,它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息-->

    <meta content="text/html" charset="utf-8" /> <!--用于描述文档的属性-->

    <meta name="description" content="武神赵子龙" />

    <meta name="keywords" content="游戏,网页游戏,热门游戏" />

    <title>网页标题</title>   <!--网页标题进行设置-->

   </head>

    <body>  <!--文档的主题部分-->

    文字、图片、视频、音频

   </body>

</html>

常见的单目标签

<meta />

<br/>

<hr/>

<link/>

<input />

常用的双目标签

 文字相关

   <font></font>

   <p></p>

   <pre></pre>

   <abbr></abbr>

   <hx></hx>

   <b></b>

   <i></i>

   <u></u>

   <del></del>

   <strong></strong>

   <em></em>

   <code></code>

特殊符号

&nbsp;空格     &copy  版权      $reg  注册商标   

&gt; 大于号    &lt; 小于号     &amp  &符号     

 列表标签

  无序列表

    <ul type="">

    <li></li>

   </ul>

有序列表

 <ol>

  <li></li>

 </ol>

有样式列表

 <dl>

   <dt></dt>

   <dd></dd>

 </dl>

无样式标签

<div></div>   块级标签

a标签

1)普通链接

   <a href="" target="_blank">连接内容</a>

2)发送邮件

   <a href="mailto:741007348@qq.com">发送邮件</a>

3)锚点

   <a href="#name">shoue</a>  <a name="name">返回首页</a>

4)当做javascript载体

   <a href="javascript:alert(123)">弹框</a>

5)当做span标签使用

   <a></a>

HTML基础-1

标签:标签

原文地址:http://yjyan.blog.51cto.com/9291126/1788932

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