这是一篇文科生自学HTML5的基础笔记，记录了HTML5的骨架结构、标签分类、图片、链接、表格等基础知识，包括代码示例和一些学习心得。文中提到在华清远见成都中心接受前端培训的经历，称赞了老师的认真负责。
家人们大家好，咱就是说学到现在终于有这么个机会能在这写点东西了，还有点子激动。我是18年毕业，专业市场营销，经历了四年社会的殴打，在家庭原因以及父母的要求下，转行学了前端。
以目前的就业形式来看，我自学后找工作那绝对是不靠谱，经过多方对比，一看师资二看就业三看位置，最终我选择去了华清远见成都中心参加前端培训。学了一个多月了，感触最深的就是华清的老师是针不戳啊，认真负责，尤其是王丹老师，人美心善，晚上11点多了还解决我写作业时遇到的问题，不管是周末双休还是五一假期等，基本秒回。所以如果有考虑参加培训的家银可以去华清看看。
由于后面犯懒，笔记没整理完，就先浅发一下html5基础的部分笔记。从小语文就不怎么好，要是你不幸看到我的笔记，有什么不通顺的地方你就多读几遍好啦。
1.Html骨架
<html>
<head>
</head>
<body>
</body>
</html>
标签关系：1.嵌套：html—head
2.并列：head body
2.标签分类
单标签：<br>换行
<hr>下划线
<img src=””>图片标签 ./ 当前文件所在文件夹
/ 当前文件夹的下一级目录
../当前文件所在文件夹的上一级文件夹
双标签：<html> < head> < title> <body>
<h1-h6>：标题标签
<p>：段落标签
<div><span>
<b>,<strong>:加粗
<i>,<em>:倾斜
<u>,<ins>:下划线
<s>,<del>:删除线
<a >:可嵌套除a以外的标签
<ol><li><ul>列表标签
<table>
<tr>:行
<td>：列 可嵌套任意标签
3.标题标签 <h1></h1>
<h1-h6>：字体加粗 由大到小 独占一行 可设置宽高
快捷键：h${标题标签$}*6
4.段落标签 <p></p>
<p>：段落标签，段落之间有距离，文本类标签不能嵌套块级标签，可设置宽高
5.下划线及换行
<br>换行
<hr>下划线
6.div与span标签 <div></div> ,<span></span>
div: 独占一行，可设置宽高，默认浏览器宽度，可以嵌套任何标签
span:同在一行，不能设置宽和高，由内容撑开，行内元素
7.图片标签
Image-img:行内块级元素，在一行显示，可设置宽高
属性：宽 高 颜色
<img src=””>
src:图片路径 1.绝对路径 网络路径：http https
盘符：D:\新建文件夹\1.webp
2.相对路径：./ 当前文件所在文件夹
/ 当前文件夹的下一级目录
../当前文件所在文件夹的上一级文件夹
<img alt=”” src=””>图片不能显示时替换的文字
<img alt=”” src=”” title=””>鼠标移动到图片上的文字
<img alt=”” src=”” title=”” width=”数字+px”>设置图片高度
<img alt=”” src=”” title=”” heigh=” 数字+px”>设置图片宽度
<img src=”” alt=”” title=”” width=”” height=”” border="数字">设置图片边框
8.链接标签
anchor <a></a> 不能嵌套a标签
herf 必须属性 链接跳转的地址 <a herf=”地址”名字></a>
target 新页面的打开方式:<a herf=” ” target=”_self”></a>当前页面打开新页面（默认）
<a herf=” ” target=”_blank”></a>新标签页打开新页面
外连接：<a herf=”网址”名字></a> 比如<a href="http://www.baidu.com">百度一下</a>
内连接：<a herf=”本地文件地址”名字></a> 比如<a href="./02-html认识.html"> 跳转</a>
下载链接: <a herf=”安装包地址”下载文件></a> 比如<a href="/tool.zip"下载></a>
最低0.47元/天 解锁文章
485
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
