HTML的知识点简述2

HTML（是一种标记语言，而标记语言是一套标记标签，HTML 使用标记标签来描述网页，HTML 文档（web网页）包含了HTML 标签及文本内容）
在上一篇文章中我们介绍了有关html中常见标签的知识点，现在来看看其样式的介绍吧。

二、样式
1、css样式（CSS 是在 HTML 4 开始使用的,是为了更好的渲染HTML元素而引入的。CSS 可以通过以下方式添加到HTML中：内联样式- 在HTML元素中使用"style" 属性；内部样式表 -在HTML文档头部<head>区域使用<style>元素来包含css；外部引用 - 使用外部 CSS 文件

例（这里主要讲内容样式表）：
*颜色 <h2 style="blackgroud-color:red;">这是一个标题</h2>背景颜色;<p style="color:red;">这是一个段落</p> 字体颜色
*字体 <h1 style="font-family:verdana;">一个标题</h1> font-family字体类型；<h1 style="text-align:center;">居中对齐的标题</h1> text-align文本对齐方式

例（这里主要讲内部样式表）：
*当单个文件需要特别样式时，就可以使用内部样式表，可以在<head>部分通过<style>标签定义内部样式表

<head>
<style>
p {
      
      color:bule;}
</style>
</head>

例（这里主要讲外部样式表）：
*当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

2、图像
*<img>是空标签，意思是说，它只包含属性，并且没有闭合标签。要在页面上显示图像，你需要使用源属性（src），源属性的值是图像的 URL 地址。alt 属性用来为图像定义一串预备的可替换的文本，替换文本属性的值是用户定义的。代码形式:<img src="url" alt="some_text">
*图像的高度与宽度：width与height
*若要使图像浮动至段落右边或左边，使用内联样式，属性style=“float:left/right”
*创建带有可供点击区域的图像地图，每个区域是一个超链接，要使用到id属性
3、表格
*定义表格前需要有<table border="">标签，引号中定义的是边框
*<tr></tr>标签定义表格的行；标签定义表格的列
*<th></th>标签定义表头
*<caption></caption>定义表格的标题
*使用colspan="“标签可合并单元格的列，引号里填入的便是需要合并的列数
*使用rowspan=”“标签可合并单元格的行，引号里填入的便是需要合并的行数
*cellpadding=”“标签定义单元格内容与边框之间的距离，一般在<table …>中
*cellspacing=”"标签定义单元格之间的距离，一般在<table…>中
*对表格中局部的单元格设置背景图，需用到<colgroup>与<col>标签。（span表示跨度）

例：


<table border="1">
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr> 
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
</table>

*用<thead>、<tfoot>和<tbody>元素对表格进行简单的渲染
4、列表
*<ol></ol>定义有序列表（若想定义列表的数字起始，可以在ol后用start="“定义，引号内是开始的数字；若想定义其列表的类型，可在ol后用type=”"定义，引号内是该类型的第一个数）
*<ul></ul>定义无序列表（若想定义列表的类型，可在ul后用style=“list-style-type：”，冒号后填入的是所要类型
*自定义列表：自定义列表以<dl> 标签开始，每个自定义列表项以<dt>开始，每个自定义列表项的定义以 <dd> 开始

关于HTML的知识可不止这些哦，后面的文章我们将陆续介绍其区块、表单等等知识。

HTML的知识点简述2

猜你喜欢