HTML学习--基础篇+

来源：互联网发布：java date 格式化输出编辑：程序博客网时间：2024/05/29 19:41

1.HTML文本格式化标签

标签描述定义粗体文本定义斜体字定义着重文字定义小号字定义加重语气定义下标字定义上标字<ins>定义插入字<del>定义删除字

2.HTML "计算机输出" 标签

标签描述<code>定义计算机代码<kbd>定义键盘文本，它表示文本是从键盘上键入的。<samp>定义计算机代码样本<var>定义变量<pre>定义预格式文本，保留空格和换行符

3.HTML 引文, 引用, 及标签定义

标签描述<abbr>定义缩写<address>定义地址，文本通常呈现为斜体<bdo>定义文字方向<blockquote>定义长的引用<q>定义短的引用语<cite>定义引用、引证<dfn>定义一个定义项目。

1.头部

<head>

<title>百度(www.baidu .com)</title>

<base href="http://www.baidu.com/" target="_blank">

<meta name="description" content="搜索">

<meta name="keywords" content="baidu,hao">

<meta name="author" content="dingzg1993">

<meta http-equiv="refresh" content="30">

<meta charset="UTF-8">

</head>

元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。

可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.

<base> 标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接；

<link> 标签定义了文档与外部资源之间的关系。<link> 标签通常用于链接到样式表；

<style> 标签定义了HTML文档的样式文件引用地址.在<style> 元素中需要指定样式文件来渲染HTML文档；

<meta> 标签提供了元数据.元数据也不显示在页面上，但会被浏览器解析。meta元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。

2.链接

语法：<a href="url">链接文本</a>

实例1：<a href="http://www.baidu.com/" target="_blank">百度一下!</a>

使用target可以定义被链接的文档在何处被显示。target="_blank"表示以新窗口显示。

实例2：<a id="建议">建议的内容</a>

id属性可用于创建在一个HTML文档书签标记。

3.图像

语法：<img src="url" alt="some_text">

src 指 "source"，源属性的值是图像的 URL 地址。

alt 属性用来为图像定义一串预备的可替换的文本。

设置图像的高度与宽度：

<img src="me.jpg" alt="zipai" width="100" height="100">

4.表格

表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。表格的表头使用 <th> 标签进行定义。<caption>表的标题</caption>，caption定义表的标题。

实例1：

<table border="1">

<tr>

<th>biaoti1</th>

<th>biaoti2</th>

</tr>

<tr>

<td>row 1, cell 1</td>

<td>row 1, cell 2</td>

</tr>

<tr>

<td>row 2, cell 1</td>

<td>row 2, cell 2</td>

</tr>

</table>

实例2：表格跨行和跨列

<th colspan="2">表格跨两列</th>

<th rowspan="2">单元格跨两行:</th>

<table border="1" cellpadding="10">

cellpadding设置单元格边距

<table border="1" cellspacing="10">

cellspacing设置单元格间距

5.列表

无序列表，<ul style="list-style-type:square">标点类型可选，disc，circle，square

<ul>

<li>无序1</li>

<li>无序2</li>

</ul>

有序列表（start可选，表示编号从10开始，默认是从1开始，<ol type="A">编码排序方式可选）

<ol start="10">

<li>有序10</li>

<li>有序11</li>

<li>有序12</li>

</ol>

自定义列表

自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

<dl>

<dt>奶茶</dt>

<dd>- 奶和茶混合</dd>

<dt>米粉</dt>

<dd>- 把米磨成粉</dd>

</dl>

0 0