写HTML为什么骨架生成不了,HTML骨架

本文详细介绍了HTML的基本结构,包括DTD、标签如head、title、meta、body等的使用,以及文本标签如h1-h6、p、i、img、a的应用。强调了标签的嵌套规则、文本处理特性以及超级链接的href和target属性。还提到了网页优化中对h1标签的使用建议和图片的路径设置。
摘要由CSDN通过智能技术生成

本文只是复习HTML笔记

html 骨架:

DTD:文档类型定义,规定了使用哪个版本的html规范

html 标签:双标签,表示整个网页

head 标签: 配置HTML页面

title: 网页标题

meta :设置字符集 charset

body : 书写标签组成的网页

语法:

标签之间对空格,缩进,换行不敏感,对嵌套关系敏感

文本内容之间空白折叠现象

标签语法:

标签名必须书写在一对尖括号中

结束标签必须书写关闭符号/。

双标签是成对出现的

容器级标签:可以书写任何内容 h1

文本标签:  只能书写文本类的内容不能书写容器级标签  p

属性  k="v"

h标签

h1~h6:容器标签,给文本添加标题语义

h系列标签之间不能互相嵌套

约定俗成:h1标签权重最大,我么一般将h1渲染logo,提高搜索引擎优化。

一个网页只能出现一个h1标签,如果书写多个h1标签,浏览器会认为h1自动降级。

p标签

p:(English:paragraph)段落标签

作用:给文本添加段落语义

文本级标签,内部只能书写文本类的内容,文本、图片、表单元素、废弃元素

i标签  文本表亲,倾斜

img标签

插入图片 (单标签)

src :

相对路径:

同级查找:直接目标名称

子级查找:每一层之间用/隔开,/表示下一层

上级查找:../表示上一级(../只能书写在路径的开头)

绝对路径

alt :图片加载失败是提示的文本

在设置图片大小时,只写一个width/height,会锁定宽高比值,但是要求网页加载速度,我们需要同时设置width和height

超级链接标签

a(English:  anchor) :  锚点

href :    属性值书写的是要跳转页面的路径(相对路径, 绝对路径, 加了前缀 http:// 或者 https:// 时时绝对路径)

页面锚点跳转:  属性值:文件名#id属性名

例:页面内跳转锚点 | 跨页面内跳转锚点

target :  属性值设置页面打开方式

默认值 :  在当前窗口打开

_blank :  在新窗口打开

title :  悬停提示文本

div和span

div:大盒子(将一些相同的内容或者是像是的内容书写在div中表示一个整体)

语义:大区域,大范围

div是容器标签,独占一行

span:小范围(文字)

文本级标签,多个span并排显示(行内元素)

原文: https://www.cnblogs.com/qisha/p/12970220.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值