美文网首页
HTML结构与标签

HTML结构与标签

作者: 羽屹漫谈 | 来源:发表于2021-01-18 19:29 被阅读0次

HTML基本结构

(HTML5中标签不分大小写)

<!DOCTYPE html>

<html> 双标签  文件开始标签  

        <head>文件头部标签   

                <meta charset="utf-8">单标签 信息 用户不可见                  元数据    多个  

                 <title>文件标题标签,显示在标题栏</title>  

        </head>  

        <body>文件主体标签  </body>

</html>文件结束

HTML5新增语义化标签: 

        在body里用:

                        header、footer、section,article,aside,nav

        新增标识元素:

                         canvas,audio,video

        双标签:

                          <></>       <h1-6>标题</h1-6>      <p>段落</p>

        单标签:

                          hr/换行          img/引用图片

属性值区分大小写

双标签:

                 <标签名称 属性="属性值"  属性="属性值"…… ></名>

单标签:

                <标签名称 属性="属性值"  属性="属性值"……>

块级元素/块级标签:

                  h1-h6,p,table,ul,div        可设宽高内外边距,独占一行    宽度缺省也宽度100%,内可有内联/块元素

内联元素/行级元素/行内标签/级联元素

                  strong/a/img/span           不可设宽高内外边距,在一行中显示,宽度就            是文字或图片宽度,内部只能有文本或内联元素

文本标题h

                    h1,h6    字体变粗,1-6字体变小

段落标签p  

                    <p>内容</p>

换行符<br/>

                    内容在设置<br/>出另起一行

转义字符注释标签

                    

                    <!--...-->   快捷键,框选内容,Ctrl+/

无语义标签

                    块级元素div,双标签,一块区域内联元素

                    span双标签,容器,和div相似

语义标签

                    header:网页或section的页眉,通常包含h1-6或hgroup,没有个数限制

                    footer:网页或section的页脚底部,

                    hgroup:标题,有多个h1-6就放到hgroup中包住

                    nav:页面的导航链接区域

                    aside:被包含在article元素作为附属信息,例如侧边框

                    section:节(一个页面里的分组)或段(一篇文章里按照主        题的分段),通常还带标题,article,nav,aside可        理解为特殊的section,尽量不用section

                    article:一个在文档,页面或网站中自成一体的内容,

                     自身独立用article

                    相关内容用section

                    没有语义用div 

相关文章

  • HTML 基础

    HTML基础 本文包括 HTML基本知识与结构 HTML常见标签 标签写法与嵌套的讨论 HTML、CSS、java...

  • HTML结构与标签

    HTML基本结构 (HTML5中标签不分大小写) 双标签文件开始标签 文件头部标签...

  • Python HTML和CSS 1:html文档结构和常用标签

    总体内容1、前端概述2、html 文档结构3、html 标题标签、段落标签、换行标签 与 字符实体4、html 块...

  • 前端开发学习──初识Html

    html结构 html 超文本标记语言,它的结构标准如下: html标签 单标签 注释标签 水平线标签 换行标签 ...

  • HTML

    HTML简介 HTML的基本结构 HTML标签 基本标签 布局标签

  • 02.html

    Html结构标准 Html标签分类 单标签 双标签 Html标签关系分类 包...

  • WEB前端的学习阶段

    HTML阶段:HTML文档结构——段落标签——文字标签——图片标签——超链接标签——列表标签——表格标签——表单标...

  • html教程-入门

    新建HTML文件,文本文件后缀改为.html HTML标签结构:<标签开始 属性名="属性值">标签内容

  • HTML页面结构与常见标签笔记

    HTML页面结构与常见标签笔记 HTML、XML、XHTML的区别 HTML,超文本标记语言,语法较为松散、不严格...

  • HTML标签结构

网友评论

      本文标题:HTML结构与标签

      本文链接:https://www.haomeiwen.com/subject/fjgxzktx.html