最近在重新学习HTML,总结了一下: HTML标题 <h1></h1> <h2></h2> ..... <h6></h6> <h1> 定义最大的标题。<h6> 定义最小的标题 注释:浏览器会自动地在标题的前后添加空行。 注释:默认情况下,HTML 会自动地在块级元素前后添加一个额外的空行,比如段落、标题元素前后。
HTML折行 <br/> <p>This is<br />a para<br />graph with line breaks</p> <br /> 元素是一个空的 HTML 元素。由于关闭标签没有任何意义,因此它没有结束标签。
HTML段落 <p></p> <p>This is a paragraph.</p> <p>This is another paragraph.</p> 注释:浏览器会自动地在段落的前后添加空行。
HTML链接 <a></a> <a href="http://www.w3school.com.cn">This is a link</a> 可以通过 name 或者 id 来定位页面的某一个位置,这个样子就可以对页面进行定位
HTML图像 <img/> <img src="w3school.jpg" width="104" height="142" /> 注释:开始标签常被称为开放标签(opening tag),结束标签常称为闭合标签(closing tag)
HTML表格 <table> <table border="1">:设置表格边框 <tr></tr>:设置行 <td></td>:设置列 表格由 <table> 标签来定义。 每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。 字母 td 指表格数据(table data),即数据单元格的内容。 数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
HTML序列 <ul> <li>Coffee</li> <li>Milk</li> </ul> 有序列表: <ol> <li>Coffee</li> <li>Milk</li> </ol> 自定义列表: <dl> <dt>Coffee</dt> <dd>Black hot drink</dd> <dt>Milk</dt> <dd>White cold drink</dd> </dl>
HTML水平线 <hr/> <p>This is a paragraph</p> <hr /> <p>This is a paragraph</p> <hr /> <p>This is a paragraph</p>
HTML注释 <!--XXX-->
HTML属性 属性总是以名称/值对的形式出现,比如:name="value"。 属性总是在 HTML 元素的开始标签中规定。 属性值需要用双引号或者单引号进行引用。 <backgroup-color>:定义元素背景颜色 <table border="1">:设置表格边框 <style>:用于改变元素样式 font-family:设置文本字体 color :设置文本颜色 font-size:设置文本字体大小 text-align:文本的水平对齐
文本格式化:
计算机输出标签
CSS样式: 外部样式引用方式 <head>
内部样式设置方式 <p
HTML元素 <body> 元素:定义了 HTML 文档的主体 <body></body> <html> 元素:定义了整个 HTML 文档 <html></html> HTML <q> :元素定义短的引用 HTML <blockquote> :元素定义被引用的节
框架结构标签(<frameset>)
注意: 1.当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。
|
|