1.下载Hbuilder(百度下载即可)
2.HTML的基本框架
head开头,body中写想要在浏览器看到的主要内容,title中为网页的名字
3.HTML常用标签
1.<h1></h1>到h6的标题标签,从1到6,字体逐渐变小,会自动换行,尽量不要使用1,块级元素(指会自动换行的标签)
2.<p></p>的换行标签,自动换行
3.<br>或者<br/>的换行单标签
4.<hr>可以设置color,width,size(一般写成百分数),align(对齐方式)的水平线单标签
5.有序列表(有序号的列表)<ol><li></li></ol>,有type属性
无序列表<ul><li></li></ui>
6.格式化标签:font标签(改变字体的color,size,face指字体风格)<font color="aqua" size="s" face="楷体">你好</font> pre预格式化标签,保留空格和换行,<pre></pre> <b></b>加粗
<i></i>倾斜 <u></u>下划线 <del></del>中划线 <sup></sup>上标 <sub></sub>下标
7.a标签<a></a> i.超链接标签,用于链接一个新页面 常用属性:href(需要跳转的地址,必须属性,#指在当前页面刷新) targrt:(窗口打开的方式,方式一:_self 当前窗口,默认值 方式二: _blank 空白窗口) <a herf="http://www.baidu.com" targrt="_self">百度</a> j.作为锚点 a标签的name属性 <a name="top"></a> 其他标签的id属性 <div id="top"></div> 锚点的使用:<a href="#top"></a>(回到top位置)
8.img单标签(向网页中嵌入一张图片) 常用属性:src:需要引用的图片地址,必须属性 alt:当图片破损或不存在时,显示文本的内容 title:当鼠标悬停在图片上时显示的文本 width:图片宽度 height:图片高度 border:图片边框
9.表格标签:table(表格) tr(行) td(标准单元格) th(表头,字体居中,加粗效果)
table的属性:width(表格宽度) border(边框) align(对齐方式)
style=“border-collapse: collapse;”(合并表格的边框)
tr的属性:align(行的内容的对齐方式)
10.div标签:块级元素,默认占全部的宽度(有多少内容高度占多少),用 style设置width和height
11.span标签:双标签,行内元素(不会自动换行)