一、最基本
后缀可以是html或者htm
二、标签:
最基本标签顺序 html描述网页 body h1-h6 p
水平线
<hr /> 标签在 HTML 页面中创建水平线
注释
<! ...... >
预格式
pre 标签很适合显示计算机代码,保留了换行,空格等格式
文本格式
<abbr title="">XXX</abbr>
<acronym title="">XXX<acronym> 定义首字母缩写。
跳转文档位置:
创建指向相同文档中“有用的提示”部分的链接:
<a href="#tips">Visit the Useful Tips Section</a>
HTML 文档内部的已命名的锚:
<a name="tips">Useful Tips Section</a>
无序列表始于 <ul> 标签。每个列表项始于 <li>。
同样,有序列表也是一列项目,列表项目使用数字进行标记。
有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。
<img src="url" />
定义背景图像:gif和jpg均可
后缀可以是html或者htm
二、标签:
最基本标签顺序 html描述网页 body h1-h6 p
水平线
<hr /> 标签在 HTML 页面中创建水平线
注释
<! ...... >
预格式
pre 标签很适合显示计算机代码,保留了换行,空格等格式
文本格式
换行<br/>
加粗<b></b>
段落<p></p>后有空行
删除效果<del></del>
定义斜体字<i></i>
三、属性:
<abbr title="">XXX</abbr>
<acronym title="">XXX<acronym> 定义首字母缩写。
跳转文档位置:
创建指向相同文档中“有用的提示”部分的链接:
<a href="#tips">Visit the Useful Tips Section</a>
HTML 文档内部的已命名的锚:
<a name="tips">Useful Tips Section</a>
链接:
HTML 链接由 <a> 标签定义。链接的地址在 href 属性中指定:
<a href=".....">XXXXX</a>
如果把链接的 target 属性设置为 "_blank",该链接会在新窗口中打开
style属性:
background-color 属性为元素定义了背景颜色:
<html>
<body style="background-color:yellow">
<h2 style="background-color:red">This is a heading</h2>
<p style="background-color:green">This is a paragraph.</p>
</body>
</html>
四、表格
五、列表:
无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。无序列表始于 <ul> 标签。每个列表项始于 <li>。
同样,有序列表也是一列项目,列表项目使用数字进行标记。
有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。
图像
定义图像的语法是:<img src="url" />
定义背景图像:gif和jpg均可
<body background="/i/eg_background.jpg">
六、表单
文本域:
<html>
<body>
<form>
名:
<input type="text" name="firstname">
<br />
姓:
<input type="text" name="lastname">
</form>
</body>
</html>
密码域:
<html>
<body>
<form>
用户:
<input type="text" name="user">
<br />
密码:
<input type="password" name="password">
</form>
</body>
</html>