程序博客网 > 知乎男生会刮腿毛吗

HTML学习笔记1

来源：互联网 发布：知乎男生会刮腿毛吗 编辑：程序博客网 时间：2024/05/22 00:54

HTML学习笔记1

(taixiansheng笔记，转载请注明出处，蟹蟹)

1. 文档标记

1.1 <html>标签

定义和用法

该元素告知浏览器其自身为一个HTML文档。

<html> 与 </html> 标签限定了文档的开始点和结束点，在它们之间是文档的头部和主体。
文档的头部由 <head> 标签定义，而主体由 <body> 标签定义。

1.2 <head>标签

定义和用法

<head> 标签用于定义文档的头部，它是所有头部元素的容器,其可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。

这些标签可用在 head 部分：<base>, <link>, <meta>, <script>, <style>, 以及 <title>。

其中，<title> 定义文档的标题，它是 head 部分中唯一必需的元素。

1.2.1 <base>标签

定义和用法

<base> 标签为页面上的所有链接规定默认地址或默认目标。

通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。

使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。

举例：

<html><head><base href="http://www.w3school.com.cn/i/" /><base target="_blank" /></head><body><img src="eg_smile.gif" /><!--资源路径为http://www.w3school.com.cn/i/eg_smile.gif--><a href="http://www.baidu.com">W3School</a><！--打开方式为_blank打开--></body></html>

1.2.2 <link>标签

定义和用法

<link> 标签定义文档与外部资源的关系。

<link> 标签最常见的用途是链接样式表。
举例：

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

1.2.3 <meta>标签

定义和用法

<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。

<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。
举例：

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

表示该html文档编码格式为UTF-8。

<meta http-equiv="refresh" content="3;url=http://www.baidu.com">

表示3秒后刷新至百度网页。

<meta name=“keywords” content=“taixiansheng" /><meta name="description" content="tiaxiansheng的学习笔记" />

其中，keywords用于定义针对搜索引擎的关键词，description用于定义针对搜索引擎的描述。

1.2.4 <script>标签

定义和用法

<script> 标签用于定义客户端脚本，比如 JavaScript。

script 元素既可以包含脚本语句，也可以通过 src 属性指向外部脚本文件。当通过 src 属性指向外部脚本文件时，<script>标签应位于文档的头部。
举例：

<!--javascript代码在文档内部--><script type="text/javascript">document.write("Hello World!")</script><!--javascript代码在文档外部时，需置于文档头部--><head><script type="text/javascript" src="hello.js" /></head>

(taixiansheng笔记，转载请注明出处，蟹蟹)

1.2.5 <style>标签

定义和用法

<style> 标签用于为 HTML 文档定义样式信息。

在 style 中，您可以规定在浏览器中如何呈现 HTML 文档。

type 属性是必需的，定义 style 元素的内容。唯一可能的值是 "text/css"。

style 元素位于 head 部分中。
举例：

<html><head><style type="text/css">h1 {color:red}p {color:blue}</style></head><body><h1>Header 1</h1><p>A paragraph.</p></body></html>

1.2.6 <style>标签

定义和用法

<title>元素定义文档的标题,其在<head>中必须包含。

浏览器会以特殊的方式来使用标题，并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样，当把文档加入用户的链接列表或者收藏夹或书签列表时，标题将成为该文档链接的默认名称。
举例：

<html>  <head>    <title>HTML学习笔记</title>  </head>  <body>    The content of the document......  </body></html>

1.3 <body>标签

定义和用法

body 元素定义文档的主体，文档内容包含在该标签中。
举例：

<html><head>  <title>文档的标题</title></head><body>  文档的内容</body></html>

2.排版标记

2.1 <!--...-->标签

定义和用法

注释标签用来在源文档中插入注释，会被浏览器忽略。
举例：

<!--注释内容--><p>This is a regular paragraph</p>

2.2 <p>标签

定义和用法

<p> 标签定义段落,其会自动在其前后创建一些空白。浏览器会自动添加这些空间，当然，这也可以在样式表中规定。

举例：

<p>This is some text in a very short paragraph</p>

2.3 <br>标签

定义和用法

<br> 可插入一个简单的换行符。

举例：

<p>床前明月光,<br/>疑是地上霜.<br/>举头望明月,<br/>低头思故乡.<br/></p>

2.4 <hr>标签

定义和用法

<hr> 标签在 HTML 页面中创建一条水平线。
举例：

<h1>This is header 1</h1><hr/><p>This is some text</p>

2.5 <pre>标签

定义和用法

<pre>标签可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
举例：

<pre>  静夜思   李白床前明月光,疑是地上霜.举头望明月,低头思故乡.</pre>

(taixiansheng笔记，转载请注明出处，蟹蟹)

3. 字体标记

3.1 <strong>标签

定义和用法

<strong>标签和 <em> 标签一样，用于强调文本，但它强调的程度更强一些。

浏览器通常会以不同于 <em> 标签的方式来显示 <strong> 标签中的内容，通常是用加粗的字体（相对于斜体）来显示其中的内容。

3.2 <em>标签

定义和用法

<em> 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说，这意味着要把这段文字用斜体来显示。

3.3 <tt>、<i>、<b>、<big>、<small>、<u>标签

标签 作用 <tt> 呈现类似打字机或者等宽的文本效果。 <i> 显示斜体文本效果。 <b> 呈现粗体文本效果。 <big> 呈现大号字体效果。 <small> 呈现小号字体效果。 <u> 定义下划线文本 <strike> 定义加删除线文本

3.4 <h1> to <h6>标签

定义和用法

<h1> - <h6>标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。

3.5 <font>标签

定义和用法

<font> 规定文本的字体、字体尺寸、字体颜色。
举例：

<font size="3" color="red">This is some text!</font><font size="2" color="blue">This is some text!</font><font face="verdana" color="green">This is some text!</font>

3.6 <sub>、<sup>标签

定义和用法

<sub> 标签可定义下标文本。

包含在 <sub> 标签和其结束标签 </sub> 中的内容将会以当前文本流中字符高度的一半来显示，但是与当前文本流中文字的字体和字号都是一样的。

<sup> 标签可定义上标文本。

包含在 <sup> 标签和其结束标签 </sup> 中的内容将会以当前文本流中字符高度的一半来显示，但是与当前文本流中文字的字体和字号都是一样的。
举例：

这段文本包含 <sub>下标</sub>这段文本包含 <sup>上标</sup>

4. 转义字符

符号实体 转义字符 < &lt; > &gt; & &amp; “ &quot; ® &reg; © &copy; ™ &trade;

5. 清单标记

5.1 <ol>标记

定义和用法

<ol> 标签定义有序列表。
* type属性: 取值 A a I i 1(默认值)
* start属性: 从几开始计数
举例：

<ol>  <li>Coffee</li>  <li>Tea</li>  <li>Milk</li></ol>

(taixiansheng笔记，转载请注明出处，蟹蟹)

5.2 <ul>标记

定义和用法

<ul> 标签定义无序列表。
* type属性:1 disc(默认) 2 square方形 3.circle圆形

举例：

<ul>  <li>Coffee</li>  <li>Tea</li>  <li>Milk</li></ul>

5.3 <li>标记

定义和用法

<li>标签定义列表项目。

<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。

举例：

<ol>   <li>Coffee</li>   <li>Tea</li>   <li>Milk</li></ol><ul>   <li>Coffee</li>   <li>Tea</li>   <li>Milk</li></ul>

5.4 <dl>标记

定义和用法

<dl> 标签定义了”定义列表”。

举例：

<dl>   <dt>Coffee</dt>   <dd>Black hot drink</dd>   <dt>Milk</dt>   <dd>White cold drink</dd></dl>

5.5 <dt>标记

定义和用法

<dt>标签定义了定义列表中的项目（定义名称）。

举例：

<dl>   <dt>Coffee</dt>   <dd>Black hot drink</dd>   <dt>Milk</dt>   <dd>White cold drink</dd></dl>

5.6 <dd>标记

定义和用法

<dd> 可在定义列表中定义条目的定义部分(定义描述)。

举例：

<dl>   <dt>Coffee</dt>   <dd>Black hot drink</dd>   <dt>Milk</dt>   <dd>White cold drink</dd></dl>

(taixiansheng笔记，转载请注明出处，蟹蟹)

1 0
知乎男生会刮腿毛吗 知乎男生会刮腿毛吗
原创粉丝点击
热门IT博客
adobe编程字体 下载adobe编程字体 下载
js e.target.resultjs e.target.result
python能用来干什么
圆形印章生成器软件
淘宝二手手机怎么问
汽车维修教学软件
亿加数据
iphone软件无法联网
淘宝登录界面无法显示
python 对数函数ln
德国瑞好地暖管 知乎
火影忍者挂机软件
猜涨跌赚钱软件
linux shell 函数
淘宝卖手工竹制品
阿根廷经济 知乎
微信使用什么端口
轴承故障数据集
乐视视频用户数据
智商碾压 知乎
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 室内水景喷泉图片 三点水一个景一个页 广州东站广场水景瀑布旅游 广州东站广场水景瀑布 水晶泥 水晶头接法 水晶花 水晶 水晶之恋 水晶灌汤包 水晶宫论坛 紫水晶 水晶兰 水晶糕 荣耀水晶 黄水晶 dj水晶网 水晶头 网线水晶头 紫水晶功效 水晶球 水晶泥有毒 白水晶 蓝水晶 蓝水晶价格 水晶蓝 蓝水晶图片 水晶石图片 水晶图片 水晶灵 水晶价格 水晶石价格 水晶首饰 绿水晶图片 绿水晶 粉水晶 绿幽灵水晶 水晶石头 水晶链 茶水晶价格 茶水晶真假

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里