学习网址:视频网址 资料网址
1.安装编译器
HbuilderX安装地址
2.框架
3.内容框架
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />提供文档信息,浏览器设置utf-8可以显示中文
<title>标题</title>
</head>
<body>
内容
</body>
</html>
4.常用标签
标题:h1~h6,大小递减,会自动换行(块级元素)减少使用h1标签,<h1></h1>。
段落:p,会自动换行(块级元素),<p></p>。
换行:br,单标签 <br>或<br/>。
水平线:hr,单标签,属性有color颜色,size粗细,width长度,align对齐方式,
<hr color=" " size=" " width="百分比或px" align="默认居中/lift/right">。
无序列表:ul,前面可为三种形状,<ul type=" "><li>内容<li></ul>。
有序列表:ol,前面为排序可选五种,<ol type=" "><li>内容<li></ol>。
div:万能标签,块级元素,可与css配合使用,默认占全部宽度,高度有多少占多少,可设置
style设置width宽度,height高度,align设置对齐方式,
<div style="width: px或百分比;height: px;"align=" ">内容</div>。
span:行内元素,不会自动换行,不可设置宽高,<span>内容</span>。
格式化标签:有font标签、pre标签、b、i、u、del、sup、sub。
font:可设置color字体颜色、size字体大小、face字体风格,
<font color=" " size=" " face=" ">内容</font>。
pre:为预格式化标签,可保留空格与换行,<pre>内容</pre>。
b:加粗(也可以用strong)i:倾斜 u:下划线 del:中划线 sup:上 b:下标 皆为双标签。
a标签:超链接标签,用于链接到一个新的URL。
常用属性:href(必须属性)为需要跳转的地址、target为窗口打开方式:_self为当前窗口打 开(默认);_blank为空白窗口打开,<a href=" " target=" ">名字</a>
作为锚点:name属性,<a name=" ">内容</a>、其他id属性<div id=" ">内容<div>
图片:img其源属性为src,alt 属性用来为图像定义一串预备的可替换的文本
<img src="URL" alt="some_text">,URL指存储图像的位置。
height(高度) 与 width(宽度)属性用于设置图像的高度与宽度。
<img src="URL" alt="some_text" width=" " height=" ">