HTML

HTML

一.是什么??

1.HTML:根据W3C定义,全称为HyperText Markup Language

用于定义文档的内容结构

中文全称:超文本标记语言

二.什么是HTML元素??

HTML元素是HTML文档的重要组成部分,由大量元素组成。HTML中所有内容结构都是靠元素组织到页面中的

HTML文档是由很多元素组成(标题,图片,文字等等可见东西)

三.HTML元素的组成部分??
元素书写格式

起始标签+元素内容+结束标签

例:<title>第一个网页</title>
<a href="目标">内容</a>

a标签(超链接),元素的附加属性,包含属性名和属性值

href为属性名,属性值为跳转地址(可以有多个属性名,用空格隔开)

四.元素的层次结构

一个元素的内容中可以包含其他元素,但是两个相同元素不能互相嵌套

因此,元素层次结构分为祖先与后代级,父子级,兄弟级三种

注意:

1.p标签

  • 不能嵌套p标签
  • 2.不能嵌套划分区域标签(header,nav,aside,article,…)
  • 3.不能嵌套标题h1到h6

2.a标签不能互相嵌套

五.生成元素与内容的快捷方式:

乱序铭文

p*10>lorem

要生成的元素*(乘以)生成数量>(每个元素里面包含)lorem后面跟个数(随机生成的内容)

批量生产文本:lorem数量

例如:一个article包含三个section,每个section包含三个p随机生成十个单词

article>section3>p3>lorem10

六.扩展内容
<!DOCTYPE html>

1.第一行代码全称Document type:文档类型

主要作用是让浏览器知道用哪个HTML的版本来解析HTML元素

2.charset字符编码集(相当于新华字典)

<meta charset="UTF-8">

作用:告诉浏览器用哪个版本解析文本

上面的版本就是UTF-8(相当于后面所写的内容都可以被UTF-8识别,并通过浏览器展示)

3.解析:把代码翻译成计算机看得懂得语言

4.渲染:让浏览器渲染,形成客户想看到的内容

5.嵌套:A嵌套B,A包含B 不能相互嵌套

例如:

✔A嵌套B

<section>
        <p></p>
</section>

❌相互嵌套

<section>
        <p>
</section>
      </p>
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值