zoukankan html css js c++ java

HTML与CSS

HTML 是用来描述网页的一种语言。

HTML 标记标签通常被称为 HTML 标签:

HTML 标签是由尖括号包围的关键词，比如 <html>
HTML 标签通常是成对出现的，比如 <b> 和 </b>
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签

Doctype

`<!DOCTYPE>` 声明必须是 HTML 文档的第一行，位于 `<html>` 标签之前。`<!DOCTYPE>` 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
</head>

<body>
文档的内容......
</body>

</html>

Title

定义网页头部信息

Link

css 引入外部css文件

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

icon图标

< link rel="shortcut icon" href="image/favicon.ico">

Style

定义css样式

< style type="text/css" > 
.bb{ 
      background-color: red; 
   } 
< /style>

Script

引进外部文件

< script type="text/javascript" src="http://www.googletagservices.com/tag/js/gpt.js"> </script >

写js代码

< script type="text/javascript" > ... </script >

常用HTML标签

标签一般分为两种：块级标签和行内标签

块元素

◎ address – 地址

◎ blockquote – 块引用

◎ center – 举中对齐块

◎ dir – 目录列表

◎ div – 常用块级容易，也是css layout的主要标签

◎ dl – 定义列表

◎ fieldset – form控制组

◎ form – 交互表单

◎ h1 – 大标题

◎ h2 – 副标题

◎ h3 – 3级标题

◎ h4 – 4级标题

◎ h5 – 5级标题

◎ h6 – 6级标题

◎ hr – 水平分隔线

◎ isindex – input prompt

◎ menu – 菜单列表

◎ noframes – frames可选内容，（对于不支持frame的浏览器显示此区块内容

◎ noscript – 可选脚本内容（对于不支持script的浏览器显示此内容）

◎ ol – 排序表单

◎ p – 段落

◎ pre – 格式化文本

◎ table – 表格

◎ ul – 非排序列表

内联元素

◎ a – 锚点◎ abbr – 缩写

◎ acronym – 首字

◎ b – 粗体(不推荐)

◎ bdo – bidi override

◎ big – 大字体

◎ br – 换行

◎ cite – 引用

◎ code – 计算机代码(在引用源码的时候需要)

◎ dfn – 定义字段

◎ em – 强调

◎ font – 字体设定(不推荐)

◎ i – 斜体

◎ img – 图片

◎ input – 输入框

◎ kbd – 定义键盘文

◎ label – 表格标签

◎ q – 短引用

◎ s – 中划线(不推荐)

◎ samp – 定义范例计算机代码

◎ select – 项目选择

◎ small – 小字体文本

◎ span – 常用内联容器，定义文本内区块

◎ strike – 中划线

◎ strong – 粗体强调

◎ sub – 下标

◎ sup – 上标

◎ textarea – 多行文本输入框

◎ tt – 电传文本

◎ u – 下划线

◎ var – 定义变量

各种特殊符号：

特殊符号	命名实体	特殊符号	命名实体	特殊符号	命名实体	特殊符号	命名实体
Α	`Α`	Β	`Β`	↵	`&crarr;`	⇐	`⇐`
Γ	`Γ`	Δ	`Δ`	⇑	`&uArr;`	⇒	`⇒`
Ε	`Ε`	Ζ	`Ζ`	⇓	`&dArr;`	⇔	`⇔`
Η	`Η`	Θ	`Θ`	∀	`∀`	∂	`∂`
Ι	`Ι`	Κ	`Κ`	∃	`∃`	∅	`∅`
Λ	`Λ`	Μ	`Μ`	∇	`∇`	∈	`∈`
Ν	`Ν`	Ξ	`Ξ`	∉	`∉`	∋	`&ni;`
Ο	`Ο`	Π	`Π`	∏	`∏`	∑	`∑`
Ρ	`Ρ`	Σ	`Σ`	−	`−`	∗	`&lowast;`
Τ	`Τ`	Υ	`Υ`	√	`√`	∝	`&prop;`
Φ	`Φ`	Χ	`Χ`	∞	`∞`	∠	`&ang;`
Ψ	`Ψ`	Ω	`Ω`	∧	`&and;`	∨	`&or;`
α	`α`	β	`β`	∩	`∩`	∪	`∪`
γ	`γ`	δ	`δ`	∫	`∫`	∴	`&there4;`
ε	`ε`	ζ	`ζ`	∼	`&sim;`	≅	`&cong;`
η	`η`	θ	`θ`	≈	`≈`	≠	`≠`
ι	`ι`	κ	`κ`	≡	`&equiv;`	≤	`≤`
λ	`λ`	μ	`μ`	≥	`≥`	⊂	`⊂`
ν	`ν`	ξ	`ξ`	⊃	`⊃`	⊄	`&nsub;`
ο	`ο`	π	`π`	⊆	`&sube;`	⊇	`&supe;`
ρ	`ρ`	ς	`&sigmaf;`	⊕	`&oplus;`	⊗	`&otimes;`
σ	`σ`	τ	`τ`	⊥	`&perp;`	⋅	`⋅`
υ	`υ`	φ	`φ`	⌈	`&lceil;`	⌉	`&rceil;`
χ	`χ`	ψ	`ψ`	⌊	`&lfloor;`	⌋	`&rfloor;`
ω	`ω`	ϑ	`&thetasym;`	◊	`&loz;`	♠	`&spades;`
ϒ	`&upsih;`	ϖ	`ϖ`	♣	`&clubs;`	♥	`&hearts;`
•	`•`	…	`…`	♦	`&diams;`		` `
′	`′`	″	`″`	¡	`¡`	¢	`¢`
‾	`&oline;`	⁄	`&frasl;`	£	`£`	¤	`¤`
℘	`&weierp;`	ℑ	`&image;`	¥	`¥`	¦	`¦`
ℜ	`&real;`	™	`™`	§	`§`	¨	`¨`
ℵ	`&alefsym;`	←	`←`	©	`©`	ª	`ª`
↑	`↑`	→	`→`	«	`«`	¬	`¬`
↓	`↓`	↔	`↔`		``	®	`®`
³	`³`	´	`´`	¯	`¯`	°	`°`
µ	`µ`	±	`±`	²	`²`

HTML 标题（Heading）是通过 <h1> - <h6> 等标签进行定义的

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

HTML 段落是通过
标签进行定义的

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

HTML 链接是通过<a> 标签进行定义的

<t hf="http://www.w3school.com.cn">This is a link</t>

select 标签

select 元素可创建单选或多选菜单。<select&> 元素中的 <option> 标签用于定义列表中的可用选项。

<select>
  <option value ="volvo">Volvo</option>
  <option value ="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

效果：

HTML 是用来描述网页的一种语言。

HTML 标记标签通常被称为 HTML 标签:

HTML 标签是由尖括号包围的关键词，比如 <html>
HTML 标签通常是成对出现的，比如 <b> 和 </b>
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签

Doctype

`<!DOCTYPE>` 声明必须是 HTML 文档的第一行，位于 `<html>` 标签之前。`<!DOCTYPE>` 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
</head>

<body>
文档的内容......
</body>

</html>

Title

定义网页头部信息

Link

css 引入外部css文件

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

icon图标

< link rel="shortcut icon" href="image/favicon.ico">

Style

定义css样式

< style type="text/css" > 
.bb{ 
      background-color: red; 
   } 
< /style>

Script

引进外部文件

< script type="text/javascript" src="http://www.googletagservices.com/tag/js/gpt.js"> </script >

写js代码

< script type="text/javascript" > ... </script >

常用HTML标签

标签一般分为两种：块级标签和行内标签

块元素

◎ address – 地址

◎ blockquote – 块引用

◎ center – 举中对齐块

◎ dir – 目录列表

◎ div – 常用块级容易，也是css layout的主要标签

◎ dl – 定义列表

◎ fieldset – form控制组

◎ form – 交互表单

◎ h1 – 大标题

◎ h2 – 副标题

◎ h3 – 3级标题

◎ h4 – 4级标题

◎ h5 – 5级标题

◎ h6 – 6级标题

◎ hr – 水平分隔线

◎ isindex – input prompt

◎ menu – 菜单列表

◎ noframes – frames可选内容，（对于不支持frame的浏览器显示此区块内容

◎ noscript – 可选脚本内容（对于不支持script的浏览器显示此内容）

◎ ol – 排序表单

◎ p – 段落

◎ pre – 格式化文本

◎ table – 表格

◎ ul – 非排序列表

内联元素

◎ a – 锚点◎ abbr – 缩写

◎ acronym – 首字

◎ b – 粗体(不推荐)

◎ bdo – bidi override

◎ big – 大字体

◎ br – 换行

◎ cite – 引用

◎ code – 计算机代码(在引用源码的时候需要)

◎ dfn – 定义字段

◎ em – 强调

◎ font – 字体设定(不推荐)

◎ i – 斜体

◎ img – 图片

◎ input – 输入框

◎ kbd – 定义键盘文

◎ label – 表格标签

◎ q – 短引用

◎ s – 中划线(不推荐)

◎ samp – 定义范例计算机代码

◎ select – 项目选择

◎ small – 小字体文本

◎ span – 常用内联容器，定义文本内区块

◎ strike – 中划线

◎ strong – 粗体强调

◎ sub – 下标

◎ sup – 上标

◎ textarea – 多行文本输入框

◎ tt – 电传文本

◎ u – 下划线

◎ var – 定义变量

各种特殊符号：

特殊符号	命名实体	特殊符号	命名实体	特殊符号	命名实体	特殊符号	命名实体
Α	`Α`	Β	`Β`	↵	`&crarr;`	⇐	`⇐`
Γ	`Γ`	Δ	`Δ`	⇑	`&uArr;`	⇒	`⇒`
Ε	`Ε`	Ζ	`Ζ`	⇓	`&dArr;`	⇔	`⇔`
Η	`Η`	Θ	`Θ`	∀	`∀`	∂	`∂`
Ι	`Ι`	Κ	`Κ`	∃	`∃`	∅	`∅`
Λ	`Λ`	Μ	`Μ`	∇	`∇`	∈	`∈`
Ν	`Ν`	Ξ	`Ξ`	∉	`∉`	∋	`&ni;`
Ο	`Ο`	Π	`Π`	∏	`∏`	∑	`∑`
Ρ	`Ρ`	Σ	`Σ`	−	`−`	∗	`&lowast;`
Τ	`Τ`	Υ	`Υ`	√	`√`	∝	`&prop;`
Φ	`Φ`	Χ	`Χ`	∞	`∞`	∠	`&ang;`
Ψ	`Ψ`	Ω	`Ω`	∧	`&and;`	∨	`&or;`
α	`α`	β	`β`	∩	`∩`	∪	`∪`
γ	`γ`	δ	`δ`	∫	`∫`	∴	`&there4;`
ε	`ε`	ζ	`ζ`	∼	`&sim;`	≅	`&cong;`
η	`η`	θ	`θ`	≈	`≈`	≠	`≠`
ι	`ι`	κ	`κ`	≡	`&equiv;`	≤	`≤`
λ	`λ`	μ	`μ`	≥	`≥`	⊂	`⊂`
ν	`ν`	ξ	`ξ`	⊃	`⊃`	⊄	`&nsub;`
ο	`ο`	π	`π`	⊆	`&sube;`	⊇	`&supe;`
ρ	`ρ`	ς	`&sigmaf;`	⊕	`&oplus;`	⊗	`&otimes;`
σ	`σ`	τ	`τ`	⊥	`&perp;`	⋅	`⋅`
υ	`υ`	φ	`φ`	⌈	`&lceil;`	⌉	`&rceil;`
χ	`χ`	ψ	`ψ`	⌊	`&lfloor;`	⌋	`&rfloor;`
ω	`ω`	ϑ	`&thetasym;`	◊	`&loz;`	♠	`&spades;`
ϒ	`&upsih;`	ϖ	`ϖ`	♣	`&clubs;`	♥	`&hearts;`
•	`•`	…	`…`	♦	`&diams;`		` `
′	`′`	″	`″`	¡	`¡`	¢	`¢`
‾	`&oline;`	⁄	`&frasl;`	£	`£`	¤	`¤`
℘	`&weierp;`	ℑ	`&image;`	¥	`¥`	¦	`¦`
ℜ	`&real;`	™	`™`	§	`§`	¨	`¨`
ℵ	`&alefsym;`	←	`←`	©	`©`	ª	`ª`
↑	`↑`	→	`→`	«	`«`	¬	`¬`
↓	`↓`	↔	`↔`		``	®	`®`
³	`³`	´	`´`	¯	`¯`	°	`°`
µ	`µ`	±	`±`	²	`²`

HTML 标题（Heading）是通过 <h1> - <h6> 等标签进行定义的

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

HTML 段落是通过 <p> 标签进行定义的

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

HTML 链接是通过<a> 标签进行定义的

<t hf="http://www.w3school.com.cn">This is a link</t>

select 标签

select 元素可创建单选或多选菜单。<select&> 元素中的 <option> 标签用于定义列表中的可用选项。

<select>
  <option value ="volvo">Volvo</option>
  <option value ="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

效果：

查看全文

相关阅读:
Windows Azure Web Site (19) Azure Web App链接到VSTS
Windows Azure Virtual Machine (35) Azure VM通过Linked DB，执行SQL Job
Azure PowerShell (16) 并行开关机Azure ARM VM
Windows Azure Virtual Network (12) 虚拟网络之间点对点连接VNet Peering
Azure ARM (21) Azure订阅的两种管理模式
 Windows Azure Platform Introduction (14) 申请海外的Windows Azure账户
 Azure ARM (20) 将非托管磁盘虚拟机(Unmanage Disk)，迁移成托管磁盘虚拟机(Manage Disk)
Azure ARM (19) 将传统的ASM VM迁移到ARM VM (2)
Azure ARM (18) 将传统的ASM VM迁移到ARM VM (1)
Azure Automation (6) 执行Azure SQL Job

原文地址：https://www.cnblogs.com/postgres/p/5760452.html

HTML与CSS

HTML 是用来描述网页的一种语言。

HTML 标记标签通常被称为 HTML 标签:

Doctype

`<!DOCTYPE>` 声明必须是 HTML 文档的第一行，位于 `<html>` 标签之前。`<!DOCTYPE>` 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

Meta

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

Title

定义网页头部信息

Link

Style

定义css样式

Script

常用HTML标签

标签一般分为两种：块级标签和行内标签

各种特殊符号：

HTML 是用来描述网页的一种语言。

HTML 标记标签通常被称为 HTML 标签:

Doctype

`<!DOCTYPE>` 声明必须是 HTML 文档的第一行，位于 `<html>` 标签之前。`<!DOCTYPE>` 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

Meta

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

Title

定义网页头部信息

Link

Style

定义css样式

Script

常用HTML标签

标签一般分为两种：块级标签和行内标签

各种特殊符号：

HTML与CSS

HTML 是用来描述网页的一种语言。

HTML 标记标签通常被称为 HTML 标签:

Doctype

<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

Meta

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

Title

定义网页头部信息

Link

Style

定义css样式

Script

常用HTML标签

标签一般分为两种：块级标签和行内标签

各种特殊符号：

HTML 是用来描述网页的一种语言。

HTML 标记标签通常被称为 HTML 标签:

Doctype

<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

Meta

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

Title

定义网页头部信息

Link

Style

定义css样式

Script

常用HTML标签

标签一般分为两种：块级标签和行内标签

各种特殊符号：

`<!DOCTYPE>` 声明必须是 HTML 文档的第一行，位于 `<html>` 标签之前。`<!DOCTYPE>` 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

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

`<!DOCTYPE>` 声明必须是 HTML 文档的第一行，位于 `<html>` 标签之前。`<!DOCTYPE>` 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

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