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的水平线单标签
5.有序列表(有序号的列表)<ol><li></li></ol>
无序列表<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(行的内容的对齐方式)
|