本文介绍了HTML的基本结构，包括开始和结束标签的概念，以及标签的父子和兄弟关系。讲解了常用的HTML标签如h系列标题标签、p段落、br换行、hr水平分割线、img图片以及属性的使用，如alt、title、width和height。同时，提到了路径的绝对路径和相对路径概念，并强调了在实际应用中的重要性。
HTML(超文本标记语言)
<strong>加粗</strong>
html骨架结构:
<html>
<head>
<title><title>
</head>
<body>
</body>
</html>
快捷打开网页：Alt+B
快捷构建骨架：!
注释：<!----> 快捷键：ctr+/（右），再按一次就取消
标签语法规则：
常见标签由两部分组成，叫双标签，前部分叫开始标签，后部分叫结束标签
少数标签由一部分组成，叫单标签 （<br>,<hr>）
标签的关系：
父子关系（嵌套关系）
兄弟关系（并列关系）
排版：
标题标签：
代码：h系列标签
<h1></h1>（一级标题）
<h2></h2>（二级标题....）
<h3></h3>
<h4></h4>
<h5></h5>
快速复制快捷键：shift+alt+↓
快速同时修改多个位置的相同数据：ctrl+d
段落标签：<p></p> 独占一行
换行标签：<br>
水平分割线标签：<hr>
文本格式化标签：
右边的语义更强
图片标签：<img src=”” alt=””>
特点：①单标签 ②img标签需要展示对应的效果，需要借助标签的属性进行设置。
src属性，写图片地址（./的意思：当前）
alt属性：替换文本，当图片加载失败时，才会显示alt的文本
图片标签的title属性：
属性值：提示文本（当鼠标悬停时，才显示的文本）
注意：title属性不仅仅可以用于图片标签，还可以用于其他标签
图片标签的width和height属性
属性名：width和height
属性值：宽度和高度（数字）
注意点：①如果只设置width或height中的一个，另一个没设置的会自动等比例缩放（此时图片不会变形）②如果同时设置了width和height两个，若设置不当此时图片可能会变形
路径：
场景：页面需要加载图片，需要先找到对应的图片
类似于：生活中两个人，我要去找你，需要通过一定的路径才能找到。
同理：页面需要找到图片，也是需要通过路径才能找到
路径可分为：①绝对路径（了解）②相对路径（常用）
绝对路径：
绝对路径:指目录下的绝对位置，可直接到达目标位置，通常从盘符开始的路径
相对路径（常用）：
相对路径-同级目录：
同级目录：当前文件和目标文件在同一目录中
相对路径-下级目录
下级目录：目标文件在下级目录中
相对路径-上级目录
扫一扫
1124
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
