HTML入门(一)概念、代码组成




   


概念



       
  • 标签:HTML是标记语言,标签是HTML中最基本的单位,大部分标签有附带的属性,大部分标签可嵌套(可嵌套标签以<>对出现)。

  •    
  • 元素:整个标签下内容和标签本身组成一个元素,由于大部分标签可嵌套,大部分元素也是可嵌套的
    特殊的元素:
           

                 
    • <img>由于图像不是超文本,图像其实不是HTML的一部分,且图像不可嵌套

    •            
    • <br/>内联元素的换行符

    •        

       

  •    
  • 属性:标签的额外信息。属性以键/值对的形式出现,键根据不同标签不同,值需要用双引号引起来。

            通用属性:绝大多数标签(元素)都有的属性,如:

            class 元素类名,id 元素唯一id,style 样式,title 额外信息
       


一个html文件的基本组成如下



       
  1. <!DOCTYPE ...> html版本声明:告诉浏览器使用的html版本。HTML5的声明为 <!DOCTYPE html>(据称html5是活标准,所以以后html就指代html5)

  2.    
  3. <html> 标签:是整个页面内容的顶层元素(根元素),除声明外的所有代码都应该包含在这个标签内,标志着页面本身内容开始,其他元素均嵌套在此元素内

  4.    
  5. <head> 头标签:规定页面内容的信息,如:

            <meta> 告诉浏览器一些关于此html文件的重要信息,例如使用字符编码utf-8: <meta charset="utf-8">

            <title> 显示在浏览器标签页的名字
       
  6. <body> 页面内容,占页面面积最大的元素


常用的标签(元素)



       
  • <h1><h2><h3><h4><h5><h6> 标题,内容字体依次减小

  •    
  • <p></p> 段落,内容单独成段

  •    
  • <a></a> 内容是超链接,链接地址在<a>的href或target属性中设置,可以本地,网络或本html页

  •    
  • <img> 图片,图片地址在<img>的src属性中设置

  •    
  • 列表:有3种列表,<ul></ul>无序列表、<ol></ol>有序列表和 <dl></dl>自定义列表,<li>适用<ul>和<ol>,<dt>和<dd>适用<dl>
       

             
    1. 列表项<li></li>:列表中的一行元素

    2.        
    3. 自定义列表

    4.        
    5. 列表嵌套:嵌套的列表不需要在原列表的列表项中,可以直接成为一个元素

    6.    

       


   

其他


    注释语法:
   


   

更多的元素介绍参考 w3.org




你可能感兴趣的:(HTML入门(一)概念、代码组成)