html标签对换行和空格不敏感,对嵌套关系敏感。
p标签内换行
嵌套换行
空白折叠现象
在<p>...</p>
中文字间出现的空格和换行都被压缩为一个空格。
标签属性:
每一个标签都有自己特定是属性,
属性都有属性值 属性名k(key),属性值v(value)属性的写法:键值对
(1)属性书写在标签的起始标签的内部,与标签名之间用空格隔开,属性之间也用空格隔开
(2)键值对书写格式: k=“v” 如:
在img中定义width属性:<img width="300">
h标签
h1-h6 一到六级标签,其级别依次减小,权重依次减小。一级标签只允许出现一次。一般将一级标签给网页的logo
所有的h标签是容器级但h标签之间没有嵌套关系。
p标签
paragraph,段落。文本级标签。
给我们文本添加一个段落的语义。
注:一个p标签只能作用于一个段落。过个段落要用多个标记分别标记。
img标签
image 图片缩写,表示引入一张图片,本身相当于特殊的文本。
img标签是一个单标签 <img… />,可插入jpg png gif
img标签属性 :
src属性:source,资源,表示图片的来源(路径)。必要属性。
width:图片宽,单位px像素。单独设计宽度时高度会等比例变化
height:图片高,单位px像素。单独设计高度时宽度会等比例变化
同时设置宽高可随意变化
border:边框属性;决定边框的厚度
title:设置文本提示,属性值就是提示的文本
alt:设置图像没有找到到时的替换文本
路径:查找相关文件位置的方法。
查找方式:
-
相对路径:查找文件时,从html文档本身出发,找文件的位置。注意:不可跨盘查找
(1) 同级查找:和HTML文件在同一文件夹。直接书写文件名(包括文件名和拓展名)
(2)子级查找:进入文件查找。 文件夹/文件名
(3)上级查找:文件放在html上级文件夹。需要退回到上一级文件夹 …/文件名 (…/:退一级文件夹 ) -
绝对路径:从盘符出发寻找目标文件,以http://开头的路径也是绝对路径。