学习网址：【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程，小白教学，前端基础全套完成版_哔哩哔哩_bilibili
1安装编译器HBuilder X
搜索网址：https://dcloud.io/hbuilderx.html下载安装包
2基础操作：
下载完成后打开文件夹，打开HBuilderX
新建项目
输入项目名称，选择<基本HTML项目>模板，点击新建
?
?
3html基本框架
<html>
<body>
<p>这是第一个段落。</p>
</body>
</html>以下是我在学习时做的笔记（稍微简略）：
一．1.标签：单标签（有属性和无属性）和双标签（有属性和无属性）
双标签：标题标签h（<h>-----</h>和段落标签p(<p>-----</p>都是块级标签（自动换行）
单标签：换行标签<br>或者<br/>
水平线标签hr(<hr>),属性：color颜色,size粗细，width长度（<hr color-”red”?size-”3”>
2列表：有序（<ol><li><li><ol>)和无序(<ul><li><li><ul>)
- div标签：
4.span标签
5格式化标签：
font标签：color字体颜色 size字体尺寸 face字体风格(<font></font>)
Pre:(预格式化 保留空格和换行）（<pre> </pre>)
b加粗<b></b>
I 倾斜
u 下划线
del 中划线
sup 上标
sub 下标
二．
- a标签：
超链接：从一张页面链接转为另一个页面
属性：href 链接到要跳转的页面（需要跳转的地址）（必须属性）
target窗口打开的方式_self:当前窗口（默认）
????????????????????????????????_blank:在空白窗口
Eg.<a href=”地址”??target=”_blank”>百度</a>
作为锚点：a标签的name属性值：<a name=”top”></a>
??????????其他的id属性值：<div id=”top”></div>
??????????锚点的使用：<a href=”#top”></a>
2图片：
标签img（向网页中嵌入一张图片）
属性：
必须属性：
?src:需要引入的图片的地址
?alt:当图片破损或不存在时 显示文本内容
常用属性：
title:当鼠标悬停在图片上时显示的内容
width：图片的宽度
height:图片的高度
Border:图片的边框
3表格标签：
?????table 表格
属性：
width :表格的宽度
height：表格的高度
align：对齐方式
?????tr 行
属性：align：行的内容对齐方式
td 标准单元格
th 表头（字体局中 加粗效果）