前段的HTML

1.html是标记语言(即非编程语言,没有编程逻辑)

 

2.html为前端页面的主体,由标签、指令与转义字符(实体)等组成

  标签:被尖括号包裹,由字母开头包含合法字符的,可以被浏览器解析的标记。eg:系统标签,自定义标签

  指令:被尖括号包裹,由!开头的标记。eg:<!doctype html> <!-- -->

  转义字符:被&与;包裹的特殊字母组合或#开头的十进制数。eg:&#60; &#62; &nbsp;

  v_hint:[转义字符](http://tool.oschina.net/commons?type=2)

 

3.html的发展史:

   html1:在1993年6月作为互联网工程工作小组(IETF)工作草案发布(并非标准)

   html2:1995年11月作为RFC 1866发布,在RFC 2854于2000年6月发布之后被宣布已经过时

   html3.2:1997年1月14日,W3C推荐标准

  html4.0:1997年12月18日,W3C推荐标准 html4.01(微小改进):1999年12月24日,W3C推荐标准

  html5:2014年10月28日,W3C推荐标准(h5草案的前身名为Web Applications 1.0。于2004年被WHATWG提出,于2007年被W3C接纳,并成立了新的HTML工作团队。在2008年1月22日,第一份正式草案发布。)

 

4.基础模板

<!doctype html> 

<html>

           <head>

                    <meta charset=’utf-8’>

                    <title> first page</title>

           </head>

</html>

 

* DOCTYPE:指定文档类型,规定html标签语法

* html:文档根标签,标注着文档(页面)的开始与结束

* head:文档头标签,可以引用脚步文件、指定样式表、书写代码逻辑块、提供元信息

* body:文档主体标签,包含文档所有文本与超文本内容

* title:文档tag标题标签,设置文档tag的标题内容

 

5.模板标签

  1. meta(元标签)

字符编码<meta charset="utf-8">

  2.link(链接标签)

  外联样式表

  <link rel="stylesheet" type="text/css"  href="style.css" />

  文档tag图标

  <link rel="shortcut icon" type="image/x-icon" href="http://www.baidu.com/favicon.ico" />

  3.style(样式标签)

  内联样式表<style></style>

  4.script(脚本标签)

  <script type="text/javascript"></script>

 

6.html的常用标签

  1、无语义标签

    <div></div>

    <span></span>

 

  2、常用语义标签

    <hn></hn> 标题

    <p></p> 段落

    <pre></pre> 原文本

    <br /> 换行

    <hr /> 分割线

 

  3、文本标签

    <i></i> 斜体字

    <em></em> 斜体字,表示强调

    <b></b> 粗体字

    <strong></strong> 粗体字,表示强调(语气更强)

    <del></del> 删除的文本

    <ins></ins> 插入的文本

    <sub></sub> 下标字

    <sup></sup> 上标字

    <ruby>

             拼音<rt>pinyin</rt>

    </ruby> 中文注音,h5新增

 

  4、其他标签

    <section></section> 块

    <small></small> 小号字体

 

posted @ 2018-12-05 14:35  彼岸花纽约  阅读(228)  评论(0编辑  收藏  举报