HTML基础知识回顾

 

空元素(单标记)

  • 没有文本内容,只是用来提供一些简单的指令。

    • 空元素主要有:
      • :添加图片(告诉浏览器从服务器获取一副图片文件并插入到文档文本流的某个位置)


      • :换行


      • :水平线 。
  1. 空元素的语法

    • 在HTML中,元素不使用关闭标签 ,如图片插入:
    • 在XHTML中 , 所有的元素都必须关闭,如:

 

块级元素(block)

  • 特点:

    1. 每个块级元素都从新的一行开始,并且其后的元素也另起一行。

    2. 宽、高可设置 。
    3. 块级元素是组成内容结构的主要部分。

  • 块级元素分类:

    1. 标题:(整个网站建议使用统一的标题级别)

      • h1、h2、h3、h4、h5、h6 (字号递减)

 


    
    

"center">济南大学美丽的校园风光

"center">济南大学美丽的校园风光

"center">济南大学美丽的校园风光

"center">济南大学美丽的校园风光

"center">济南大学美丽的校园风光
"center">济南大学美丽的校园风光

HTML基础知识回顾_第1张图片

 

    1. 段落:

      • p  

        詹姆斯-卡梅隆

         
         
    2. 块引用:(引用文本时,特别是跨越多余4行的引用)

      • blockquote  
        代表作:《终结者》《泰坦尼克号》《阿凡达》《真实的谎言》等
    3. 预格式文本:(保留空格和换行符即保留其自身格式)

      • pre 
        
            #include 
            int main()
            {
            printf("这是预格式标签!");
            rerutn 0;
            }
        
          
    4. 自定义列表元素:

      • ol
        
            
            
          "1" start="4">
        1. 列表信息
        2. 列表信息
        3. 列表信息

          HTML基础知识回顾_第2张图片

      • ul
        
            
            
        • 列表信息
        • 列表信息
        • 列表信息

          HTML基础知识回顾_第3张图片

      • li
      • dl
      • dt
      • dd 
        
            
        中文
        英文
        you
        good

       HTML基础知识回顾_第4张图片

6. 水平线:

      • hr  

7. 表示文档作者信息或文章作者信息

      • address

"en">

    "UTF-8">
    块级元素
    



        #include 
        int main()
        {
            printf("这是预格式标签!");
            rerutn 0;
        }
    

詹姆斯-卡梅隆

代表作:《终结者》《泰坦尼克号》《阿凡达》《真实的谎言》等
contributed by "">fanyl

HTML基础知识回顾_第5张图片

 

内联元素 (inline):

  •  特点:

    1.  内联元素只能在文本流中,不会引起换行
    2.  高度、宽度不可以设定  
    3.  内联元素依附于其他块级元素存在,只能容纳文本或其他内联元素
    4.  又称作行内元素
  • 常用内联元素:

    1. 换行:(空元素、两个br相当于一个p元素)

      • br
    2. 加粗效果:(定义文本重要的地方)

      • b
      • strong
    3. 体效果:

      • i  
    4. 旁注字体小号:

      • small
    5. 定义引用:引用另一个文档(标题)

      • cite
    6. 代码文本:

      • code  
    7. 定义术语:

      • def
    8. 定义键盘文本:

      • kbd
    9. 定义样本文本:(程序的示例输出)

      • samp
    10. 强调文本:(默认斜体)

      • em
    11. 简写为以句号结束的单词(etc.)

      • abbr
    12. 被插入的文本:(下划线标注)

      • ins
    13. 删除线:

      • del
    14. 自动加引号:(“”)

      • q
    15. 下标文本:

      • sub
    16. 上标文本:

      • sup

"en">

    "UTF-8">
    内联元素
    


    
    span
    
    

加粗
斜体
文本字体小写
定义引用
用于标记程序代码
定义术语
定义键盘输入文本
samp定义样本文本
<var>var Avar>
content

contributed by fanyl
strong
etc.
contributed by fanyl
contributed by fanyl
contributed by fanyl
我的 contributed by fanyl
我的 contributed by fanyl

HTML基础知识回顾_第6张图片

 

你可能感兴趣的:(HTML基础知识回顾)