一、HTML初识
HTML说明
HTML是超文本标记语言--HyperText Markup Language
其中超文本就是链接，标记也就是标签，带尖括号的文本
HTML骨架
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>html: 是所有html中标签的一个根节点，是整个网页
head: 用于存放:title、meta,head标签中必须要设置title。head是网页头部，存放给浏览器看的代码
title: 让页面拥有一个属于自己的标题，简称网页标题
body: 网页主体，其用于存放所有的html标签：p,hr,a,em,del,ins,strong,img,audio,video等IDEA快速生成骨架快捷键 !+tab
二、HTML标签
标签说明
在HTML标签中，带有 “< >” 符号的元素被称为HTML标签
作用：明确代码的书写位置
分为双标签和单标签
双标签
标签成对出现，中间包裹内容
<>里面放英文字母（标签名）
结束标签比开始标签多/
如加粗标签<strong></strong>
单标签
只有开始标签没有结束标签，一个标签符号独立完成任务
如换行标签<br>，水平线标签<hr>
标签的关系
父子关系（嵌套关系）如，body和h1就是嵌套关系
兄弟关系（并列关系）如，h1、br、hr这三个就是并列关系
<body>
<h1>
<strong>标签内容</strong>
</h1>
<br>
<hr>
</body>标签分类
标题标签
一般用在新闻标题、文章标题、网页区域名称、产品名称等。
标签名：h1~h6（都是双标签）
显示特点：文字加粗，字号逐渐减小，独占一行
一般h1标签在一个网页只能用一次，h2~h6没有次数限制
段落标签
标签名：p（双标签）
显示特点：独占一行，段落之间存在间隙
<body>
<p>你好</p>
<p>你也好</p>
</body>
换行与水平线标签
换行：br(单标签)
水平线hr（单标签）
<body>
你好请换行
<br>
已换行，请划出水平线
<hr>
</body> 
文本格式化标签
为文本添加特殊格式，以突出重点，常见的文本格式：加粗、倾斜、下划线、删除线等
加粗 strong b 倾斜 em l 下划线 ins u 删除线 del s 他们都是双标签，一般用strong，em，ins,del这四个可以起强调作用
<strong>strong 加粗</strong>
<em>em 倾斜</em>
<ins> ins 下划线</ins>
<del> del 删除线</del> <br><br>
<b> b 加粗</b>
<l> l 倾斜</l>
<u> u 下划线</u>
<s> s 删除线</s> 
超链接
点击跳转到其他页面
一般写法:
<a href="" target="_blank">空链接</a>
当不确定跳转地址时 href里面可以填#或者什么都不填表示空链接
target=“_blank”表示在新窗口打开页面
图像标签
在网页中插入图片
属性 作用 说明 alt 替换文本 图片无法显示的时候显示的文字 title 提示文本 鼠标悬停在图片上面的时候显示的文字 width 图片的宽度 值为数字 height 图片的高度 值为数字 一般写法<img src="url" >
音频标签
在网页中插入音频
常见属性
属性 作用 特殊说明 src(必须属性) 音频URL 支持格式：MP3、Ogg、Wav controls 显示音频控制面板 loop 循环播放 autoplay 自动播放 浏览器一般会禁用音频的自动播放更能 <audio src="url" controls></audio> 当属性名和属性值一致时可以只写属性名
视频标签
在网页中插入视频
常见属性：
属性 作用 特殊说明 src(必须属性) 视频URL 支持格式：MP4、WebM、Ogg controls 显示音频控制面板 loop 循环播放 autoplay 自动播放 浏览器支持静音状态自动播放 muted 静音播放 一般写法<audio src="url" controls></audio>
路径
相对路径
从当前文件位置出发查找目标文件
. 当前文件所在文件夹
.. 当前文件上一级文件夹
/ 进入某个文件夹里面
一般用相对路径
绝对路径
从盘符出发查找目标文件
如D:/front-end/first/video
windows默认是\,其他系统是/，建议统一改为/
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
