zoukankan      html  css  js  c++  java
  • HTML块级、行级元素,特殊字符,嵌套规则

    如果介绍HTML网页基本标签的嵌套规则,首先要说的就是元素的分类。元素可以划分为块级元素和行级元素,块级元素是什么?它可以独占一行,可以设置宽高度,默认是100%;行级元素与之相反,它的内容决定它的宽高度,至于特殊字符就当成是文字来看

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     6     <title> HTML块级、行级元素,特殊字符,嵌套规则</title>
     7 </head>
     8 <body>
     9     <!-- 块元素:独占一行,可以设置宽高、默认宽度100% -->
    10     块元素分为文字类和容器类
    11     文字类块元素:p、h1——h6
    12     容器类块元素:div、table、tr、td、frame、ul>li、ol、dl、dt、dd(序列)
    13     <!-- 行元素:不独占一行,宽高度取决于内容 -->
    14     行元素:a img input strong em del span
    15     特殊字符:文字 br &nbsp hr
    16 </body>
    17 </html>

    嵌套规则总结如下几点:

    1.块元素可以嵌套行元素2.行元素可以嵌套行元素3.行元素不可以嵌套块元素4.文字类块元素不可以嵌套块元素5.容器类块元素可以嵌套块元素

    以下html网页基本概念、html网页基本结构、HTML基础标签图片文本超链接列表表格介绍、html基本标签表单实现交互原理,单选框,复选框,下拉框介绍、网页DIV+CSS布局与ifame传统布局对比的相关博文就是HTML的全部部分了,HTML的学习主要是了解它的语义化嵌套规则来构建页面,至于页面的CSS与交互逻辑JS则是下面要练习的内容!

  • 相关阅读:
    CodeForces 659F Polycarp and Hay
    CodeForces 713C Sonya and Problem Wihtout a Legend
    CodeForces 712D Memory and Scores
    CodeForces 689E Mike and Geometry Problem
    CodeForces 675D Tree Construction
    CodeForces 671A Recycling Bottles
    CodeForces 667C Reberland Linguistics
    CodeForces 672D Robin Hood
    CodeForces 675E Trains and Statistic
    CodeForces 676D Theseus and labyrinth
  • 原文地址:https://www.cnblogs.com/webaction/p/12301813.html
Copyright © 2011-2022 走看看