0
点赞
收藏
分享

微信扫一扫

html基础知识(一)


html

html就是用来制作网页的。html文件的扩展名就是​​.html​​。html的全称是​​HyperText Markup Language​​,意思是超文本标记语言。html骨架是由html、head以及body组成,其中​​head​​部分是对html进行一些配置信息,​​body​​部分是html的主体部分,现在在网页中的内容。

<html>
<head>
<body></body>
</head>
</html>

html中有严格版,通用版和框架集版,其中严格版不能使用废弃标签font,b,i, u等,也不能使用框架集。通用版可以使用废弃标签,但是不能使用框架集。框架集版能够使用框架集。html中有​​lang​​属性是控制编码格式的。还可以设置网页标题:设置网页标题可以提高搜索引擎优化(SEO)。因为爬虫在搜索时,会着重网页标题。

<title>提高搜索引擎</title>

html语法中标签之间对空格,缩进,换行不敏感,对嵌套关系敏感,而且标签名必须用一对尖括号包裹。除了单标签外,标签一般是成对出现的,由开始标签和结束标签组成。结束标签要书写关闭符号​​/​​。标签分类有容器级标签和文本级标签。容器级标签内部可以书写任何内容。文本级标签只能书写文本类内容,比如文本,图片,表单元素,废弃标签等,我们需要注意的是文本级标签内部不能书写容器级标签。一个标签可以书写多个属性值,用空格隔开。

<img src="test.jpg" alt="" width="400px" />

​h​​标签有h1~h6,作用是给文本增加标题语义。但是h系列标签之间不能互相嵌套。​​h1​​标签一般用来渲染logo,提高搜索引擎优化。一个网页只能出现一个h1标签。如果书写多个这个标签,浏览器会认为h1自动降级。p标签作用给文本添加段落语义,p标签是文本级标签。​​img​​是单标签,其中​​src​​是路径,属性值书写插入图片所在的位置。​​alt​​作用是图片加载失败提示文本。img标签还可以设置宽度和高度。我们在设置图片,只书写一个width/height,会锁定宽高比值,但是如果要求网页加载速度,我们需要同时设置宽和高度。

路径有相对路径和绝对路径,相对路径是从html文件出发进行目标文件(插入图片)查找。同级查找是直接目标名称。子级查找是每一层之间用​​/​​隔开,​​/​​表示下一层。上级查找是​​../​​表示上一级,跳出当前文件夹(../只能书写在路径的开头)。而绝对路径是从盘符出发进行查找。我们需要注意的是相对路径不能跨盘符查找。

举报

相关推荐

HTML基础知识一

HTML基础知识

HTML 4.01基础知识

HTML基础知识总结

HTML基础知识3

HTML基础知识(入门)

HTML基础知识(2)

HTML基础知识(下)

0 条评论