HTML入门必知

一、简介

1、超文本标记语言（HyPEr Text Mark Language），是一种创建网页的标准标记语言，由浏览器来解析。

2、文档后缀名为.html或htm，html文件也叫web页面；

3、HTML中不支持空格、回车、制表符，它们都会被解析成一个空白字符；

4、HTML标签通常是成对出现的,格式：tagName> data/tagName> ;

5、只有body> /body> 标签内的内容才会在浏览器中显示；

6、HTML语言不区分大小写；

7、!--注释-->

8、helloworld!

!DOCTYPE html>
        !--声明HEML版本-->
    html>
    　　head>
    　　　　meta charset="utf-8">
        !--声明编码方式-->
    　　　　tITle>
    helloworld!/title>
    　　/head>
    　　body>
     　 　　helloworld!　　/body>
    /html>
    

二、标签

（一）基本

html>
     /html>
            HTML页面根元素head>
     /head>
            包含文档的元数据(meta)title>
     /title>
        　文档标题，存书签时也显示此内容body>
     /body>
            包含了页面的可见内容h1>
     /h1>
                大标题，往下每一级标题依次h2,h3的类推，最小标题是h6p>
     /p>
                  段落a href="">
     /a>
          链接，中间内容为显示内容，例：a href="http://www.baidu.COM">
    百度/a>
    ；如果target="_blank"，链接会在新的窗口中打开img src="address" width="3" height="5" />
     图像，alt属性可在浏览器无法载入图像时显示文本iframe>
    /iframe>
          框架，使用src属性指向不同的URL，达到一个窗口显示多个页面的目的；br>
                      换行符，属于一个空元素，即没有内容的元素，空元素是在开始标签中关闭的br/>
    hr>
                      分割线div>
     /div>
              区块，可用于组合其他元素的容器；可使用它进行布局；span>
     /span>
            用来组合文档中的行内元素；!doctype html>
           声明html版本，不区分大小写

（二）文本格式标签

strong>
     /strong>
      加粗显示之间的文字，也可用b>
    /b>
    em>
     /em>
           　　斜体，也可用i>
    /i>
    Big>
     /big>
            放大small>
     /small>
        缩小sub>
     /sub>
            下标文字sup>
     /sup>
            上标文字ins>
     /ins>
            下划线del>
     /del>
            删除线

（三）引文、引用及标签定义

abbr>
     /abbr>
            　　　　缩写，被缩写的内容用title属性来体现address>
     /address>
    　　　　　定义地址，通常被包含在footer>
    元素的其他信息中bdo>
     /bdo>
           　　　　   定义文字方向，默认值为从左到右，可用dir="rtl"来改为从右到左显示blockquote>
     /blockquote>
       定义长的引用，可用cite="URL"来规定引用的来源q>
     /q>
               　　　　　　定义短的引用，属性citecite>
     /cite>
            　　　　定义引用、引证DFn>
     /dfn>
           　　　　　　定义一个定义项目

（四）

1“计算机输出”标签1 code>
     /code>
          定义计算机代码2 kbd>
     /kbd>
            定义键盘码3 samp>
     /samp>
          定义计算机代码样本4 VAR>
     /var>
            定义变量5 PRe>
     /pre>
            定义预格式文本

（五）head元素内包可含元素

title>
     /title>
    　　base>
                    定义了页面的默认链接地址，通过href属性来实现link>
                    定义了文档和外部资源的关系，通常可用rel,type,href等属性meta>
                    定义了文档中的元数据，可有name,content,charset等属性script>
    /script>
         用于加载脚本文件style>
    /style>
           定义了HTML文档的样式文件

（六）图片标签

1 img>
    2 area>
                     定义带有可点击区域的图像，可有Shape,coords等属性，来画各种图形3 map>
    /map>
                带有可点击区域图像映射，必须有name属性，中间可包含area元素；

（七）表格标签

table>
    /table>
            定义表格，表格的所有内容都应放在里边；属性border=“1”定义了边框大小caption>
    /caption>
        表格标题tr>
    /tr>
                  表格每一行的内容；td>
    /td>
                  一个单元格的内容；thead>
    /thead>
            表格第一行；th>
    /th>
               　　表头内容，即第一行每一格内容；tbody>
    /tbody>
            表格主体；tfoot>
    /tfoot>
            表格最后一行；colgroup>
    /colgroup>
      表格列的组；col>
    /col>
                表格列的属性；

相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！

相关阅读：

用React完成一个图片轮播组件

用h1> 和段落p> 写一个三毛语录

以上就是HTML入门必知的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！