1：HTML CSS
1：如何使用样式
当浏览器读到一个样式表，它就会按照这个样式表对文档进行格式化。有以下三种方式来插入样式表。
（1）外部样式表
当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。
例：
<link rel="stylesheet" type="text/css" href="mystyle.css">（2）内部样式表
当单个文件需要特别样式时，就可以使用内部样式表。你可以在Head部分通过<style>标签定义内部样式表。
例：
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>（3）内联样式
当特殊的样式需要应用到个别元素时，就可以使用内联样式。使用内联样式的方法是在相关样式属性。样式属性可以包含任何CSS属性。
例：
<p style="color: red; margin-left: 20px">
This is a paragraph
</p>2：HTML链接
1：HTML超链接
超链接可以是一个字，一个词，或一组词，也可以是一副图像。我们通过使用<a>标签在HTML中创建链接。
有两种使用<a>标签的方式：
（1）通过使用href属性——创建指向另一个文档的链接。
（2）通过使用name属性——创建文档内的书签。
2：HTML链接语法
href属性规定链接目标。
开始标签和结束标签之间的内容作为超链接显示。
例：
<a href="https://www.csdn.net">Link text</a>3：HTML链接——target属性
使用target属性，你可以定义被链接的文档在何处显示。
例：
<a href="https://www.csdn.net" target="_blank">Link text</a>4：HTML链接——name属性
可以使用name属性创建HTML页面中的书签。书签不会显示，对读者不可见。
可以使用id属性来代替name属性。
例：
<a name="label">名字</a>3：HTML图像
1：图像标签<img>和源属性src
在HTML中，图像由<img>标签定义。<img>是一个空标签，只包含属性，没有闭合标签。
在页面上显示图像，需要使用源属性src，属性源的值是图像的URL地址。i
例：<img src="URL" />
2：替换文本属性AIT
alt属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。
例：
<img src="2.jpg" alt="Big Boat">当图片不能正确显示时，浏览器会显示alt属性文本。
4：HTML表格
1：表格
表格有<table>标签来定义，每个表格有若干行（由<tr>标签来定义），每行被分为若干个单元格（有<td>标签定义）。字母td指表格数据（table data），即单元格内容。
例：
<table>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>2：表格与边框属性
如果不定义边框，表格将不显示边框。使用边框属性来显示边框。
例：
<table border="1">
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>3：表格的表头
表格的表头用<th>标签来定义。
例：
<table border="1">
<th>num1</th>
<th>num1</th>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>4：表格中的空单元格
如果有空的单元格，可以是占位符（ ）填充。这样可以使表格边框显示出来。
5：其它属性
colspan属性可以控制占的列数，row属性可以控制占的行数。cellpadding属性可以控住行边距。cellspacing可以控制单元格边距。bgcolor单元格内添加颜色。background可以添加图片。
5：HTML列表
1：无序列表
无序列表是一个项目的列表，此项目使用粗体圆点进行标记。
无序列表始于<ul>标签，每个列表项始于<li>。
例：
<ul>
<li>1</li>
<li>2</li>
</ul>2：有序列表
有序列表始于<ol>标签，每个列表项始于<li>。
例：
<ol>
<li>1</li>
<li>2</li>
</ol>3：定义列表
自定义列表项不仅仅是一列项目，而是项目及其注释的组合。
自定义列表始于<dl>标签开始，每个自定义列表项以<dt>开始,每个自定义列表项的定义以<dd>开始。
例：
<dl>
<dt>1</dt>
<dd>111</dd>
<dd>1111</dd>
<dt>2</dt>
<dd>222</dd>
<dl>
扫一扫
9021
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
