注册网站时手机号格式不正确,网络营销常用的工具,3d演示中国空间站建造,怎么用百度网盘做网站5.1 标签语义
学习标签是有技巧的#xff0c;重点是记住每个标签的语义。简单理解就是指标签的含义。即这个标签是用来干嘛的。
根据标签的语义#xff0c;在合适的地方给一个最为合理的标签。可以让页面结构给清晰。 5.2 标题标签 h1-h6(重要)
HTML提供了…5.1 标签语义
学习标签是有技巧的重点是记住每个标签的语义。简单理解就是指标签的含义。即这个标签是用来干嘛的。
根据标签的语义在合适的地方给一个最为合理的标签。可以让页面结构给清晰。 5.2 标题标签 h1-h6(重要)
HTML提供了6个等级的网页标题 即h1-h6
单词head的缩写意为头部和标题
标题语义作为标题使用并根据依据重要性递减。
特点 加了标题的文字会变粗字号也会依次变大 一个标题独占一行
5.3 段落和换行标签重要
5.3.1 段落标签
在HTML标签中p标签用于定义段落它可以将整个网页分为若干个段落
标签语义可以吧HTML文档分割为若干段落
特点 文本在一个段落中会根据浏览器窗口的大小自动换行。 段落和段落之间保又空隙。
5.3.2 换行标签
在HTML中一个段落中的文字会从左到右依次排序。直到浏览器窗口的右端然后才能自动换行。如果希望某个段文本强制换行显示就需要使用换行标签br/
特点 br/是个单标签 br/标签只是简单地开始新的一行跟段落不一样段落之间会插入一些垂直的间距
5.4 文本格式化标签
在网页中有时为文字设置粗体、斜体 或者 下划线等效果这时就需要到HTML中的文本格式化标签使文字以特殊的方式显示。
标签语义突出重要性比普通文字更重要。
语义标签说明加粗strong/strong或者b/b更推荐使用strong标签加粗 语义更强烈倾斜em/em或者i/i更推荐使用em标签倾斜 语义更强烈删除线del/del或者s/s更推荐使用del标签删除线 语义更强烈下划线ins/ins或者u/u更推荐使用ins标签下划线 语义更强烈
5.5 div和span标签 其中div和span 是没有语义的他就是一个盒子用来装内容的 div是divsion的缩写表示分割分区。span意为跨度跨距。
特点
1.div 标签用来布局但是现在一行只能放一个div。(大盒子)
2.span标签用来布局一行上可以多个span。(小盒子)
5.6 图像标签和路径重点
5.6.1 图像标签
在HTML标签中img标签用于定义HTML页面中的图像。
例img src图像URL/
单词image的缩写意为图像。
src是img标签的必须属性它用于指定图像文件的路径和文件名。
路径写法
在相对路径写法中以下符号代表什么含义 . 当前文件所在的文件夹 .. 当前文件上一级文件夹 / 进入某个文件夹里面
在绝对路径写法中---- 从盘符出发查找目标文件 windows电脑从盘符出发 mac电脑从根目录(/)出发 img srcC:\images\mao.jpg windows默认是\其它系统是/建议统一写为/
所谓属性简单理解就是属于这个图像标签的特性。
图像标签的其他属性
属性属性值说明src图片路径必须属性alt文本替换文本。图像不能显示的文字title文本提示文本。鼠标放在图像上显示的文字width像素设置图像的宽度height像素设置图像的高度border像素设置图像的边框粗细
图像标签属性注意点
① 图像标签可以拥有多个属性必须卸载标签名的后面
② 属性之间不分先后顺序。标签名与属性属性与属性之间均以空格分开。
③ 属性采取键值对的格式即 key “value”的格式属性 “属性值”。
④ 属性中wedth和height 浏览器缩放图片默认是等比例缩放
注意 图像标签中 src 标签是必须要写的
5.6.2 路径前期铺垫知识
1.目录
(1)目录文件夹和根目录
实际工作中我们的文件不能随便乱放否则用起来回很难快速找到他们因此需要一个文件夹来管理他们。
目标文件夹就是普通文件夹里面只不过存放了我们做网页所需要的相关素材。比如HTML文件图片等。、
根目录打开目录文件夹的第一层就是根目录。
(2) VSCode打开目录文件夹
文件----打开文件夹选择目录文件夹后期非常方便管理文件。
2.路径
页面中的图片会非常多通常我们会新建一个文件夹来存放这些图像的文件images这时再查找图像就需要采用“路径”的方式来指定图像文件的位置。
路径可以分为 相对路径 相对路径以引用文件所在位置为参考基础而建立出的目录路径。 这里简单来说图片相对于HTML页面的位置。 相对路径分类符号说明同一级路径图像文件位于HTML文件同一级 如img srcbaidu.gif下一级路径/图像文件位于HTML文件下一级 如img srcimages/baidu.gif上一级路径../图像文件位于HTML文件上一级 如相对路径是从diamond所在的文件出发去寻找目标文件的而我们这里所说的上一级下一级和同一级就是图片相对于HTML页面的位置 绝对路径 绝对路径是指目录下的绝对位置直接到达目标位置通常是从盘符开始的路径 例如”D:\webimglogo.gif“ 或完整的网络地址 ”http://www.baidu.gif“
5.7 超链接标签重点 在HTML标签中a标签用于定义超链接作用是从一个页面链接到另一个页面。
5.7.1 链接的语法格式 a href跳转目标 target目标窗口的弹出方式 文本或图像 /a 单词anchor的缩写意为锚
两个属性的作用如下
属性作用href用于指定链接目标的url地址(必须属性) 当为标签应用href属性实他就具有了超链接的功能traget用于指定链接页面的打开方式其中self为默认值blank为在新窗口中打开的方式(前面有下划线)
5.7.2 连接的分类 外部链接例如a hrefhttp://www.baidu.com百度/a 内部链接网站内部页面之间的相互链接直接链接内部网页名称即可例如 a hrefindex.html首页/a 空链接如果当时没有确定链接的目标时例如 a href#首页/a 下载链接如果href里面地址是一个文件或者压缩包会下载这个文件。例如a hrefimg.zop下载文件/a 网页元素链接在网页中的各种网页元素如文本、图像、表格、音频、视频等都可以添加超链接。a hrefhttp://www.baidu.com/a 锚点链接
