前端web学习html5+css+js笔记1
学习html5
双标签
文本格式化标签
<b>文本内容</b>文字加粗
<strong>文本内容</strong>文字加粗strong带有强调的含义，常用strong
<em>倾斜</em>//文字倾斜 工作中常用em
<i>倾斜</i>//文字倾斜
<ins>下划线</ins>//常用ins
<u>下划线</u>
<del>删除线</del>//常用del
<s>删除线</s>
超链接标签
<a herf=""target="_blank">空链接</a>
属性值 href表示地址
target="_blank"新窗口打开，不关闭原来的窗口
herf="#"表示空链接，常用于初始阶段的开发
音频标签
在html5里，属性名和属性值相同时，可简写为一个单词；流浪器会禁用自动播放
<audio src=""controls="controls"loop="loop"></audio> //src填路径 controls显示音频控制面板
//loop循环播放 autoplay自动播放
简写形式
<audio src=""controls loop></audio>
视频标签 可简写跟音频标签一样 没有muted静音播放，不能自动播放
<video src=""></video> //src填路径 controls显示音频控制面板 loop循环播放
//muted静音播放 autoplay自动播放
h1~h6标题标签
<h1>一级标签</h1>字号随级减小
<h6>六级标签</h6>
<p>段落标签</p>（独占一行，段落之间存在间隙）
单标签
<br> 换行
<hr> 水平线
图像标签
<img src=""alt=""> //src是图片的位置和名字
属性值 width 宽 alt替换文本，图片无法显示时，显示的文本
height 高 title提示文本，鼠标停在图片上时显示的文本
路径：
相对路径：从当前文件位置出发查找目标文件
/表示进入某个文件夹里面
.表示当前文件夹
..表示上一级文件夹
绝对路径：从盘符出发查找目标文件 应用场景：友情链接
网页的基本骨架（父子关系、兄弟关系）
<html>
<head>
<title>网页标题</title>
</head> html是head和body的父
<body> head和body是兄弟关系
</body>
</html>
<!--注释快捷键（ctrl+/）-->