0
点赞
收藏
分享

微信扫一扫

HTML初步了解

玉字璧 2022-04-21 阅读 61
html5
  1. W3C:万维网联盟,是国际化最著名的标准化组织。

  2. HTML:(Hyper Text Markup Language )超文本标记语言,网页编程语言,用于定义文档的内容和结构。

  3. CSS:(Cascading Style Sheets)层叠样式表,控制布局,控制元素的渲染,用于定义HTML文档的样式(外观)。

  4. HTML元素组成:开始标记、元素内容、结束标记

        <h1>一级标题</h1>
        <h2>二级标题</h2>
        <h3>三级标题</h3>
        <h4>四级标题</h4>
        <h5>五级标题</h5>
        <h6>六级标题</h6>
        <p>段落标签</p>

  5. 标记名、属性、元素内容共同决定了一个元素的显示内容和行为

  6. 超链接标签

​​​​​​​<a href="./day02.html" target="_blank">立即加入</a>
    

    href:属性名;"./day02.html":属性值
    target="_blank":
    使用 Target 属性,你可以定义被链接的文档在何处显示
    默认值为_self在当前标签页显示
    _blank:在新的标签页显示。

元素之间的关系

1.父子关系

父子关系就是在一个双标签内嵌套其他元素,那么嵌套在其中的元素就相当于“子”,其外层元素相当于“父”。

<body>
    <div>
        <!-- <div>是<body>的子元素 ,<body>是父元素,<body>和<div>是父子关系 -->
    </div>
</body>

2.兄弟关系

兄弟关系就是在“父标签”内有多个并列的元素,这些并列的元素之间就是兄弟关系。

<body>
    <div>
        <h1>这是后代元素1</h1>
        <p>这是后代元素2,和后代元素1是兄弟关系,并且互为兄弟元素</p>
    </div>
    <div>
        <h1>这是后代元素a</h1>
        <p>这是后代元素b,和后代元素a是兄弟关系,并且互为兄弟元素</p>
    </div>
</body>

后代元素1与后代元素a不存在父子关系或兄弟关系

元素分类

1.块级元素

常见块状元素:div,p,h1-h6,header,nav,aside,article,section等

块状元素特点:

  1. 以块的形式显示为一个矩形区域;

  2. 块状元素独占一行,自上而下排列;

  3. 块状元素可以定义自己的宽度和高度;

  4. 块状元素可以作为一个容器包含其他的块状元素或行内元素。

2.行内元素

常见行内元素:a,strong,b,img等

行内元素特点:

  1. 行内元素在一行逐个进行显示;

  2. 行内元素没有自己的形状,不能定义宽度和高度,它的宽高由内容来决定;

语义化标签

与div没有本质区别,只是它拥有语义

优点:每块区域含义清晰、有利于SEO、帮助特殊设备

header:用于表示页面或者某个区域的头部

nav:用于表示导航栏

aside:用于表示跟周围主题相关的附加信息

article:用于表示文章或其他可独立页面存在的内容

section:用于表示一个整体的一部分主题

footer:用于表示页面的底部

举报

相关推荐

初步了解HTML及常用标签

JS初步了解this

初步了解java

docker初步了解

FFmpeg初步了解

DHCP的初步了解

0 条评论