HTML基础知识(F4)

209 阅读3分钟

HTML基本布局

1.【iframe】内联框架

<iframe src="URL" name=”框架名”></iframe>

【width】定义宽度

【height】定义高度

【frameborder】

规定是否显示 iframe 周围的边框(设置属性值为 "0" 就可以移除边框)

【target】

可用作链接的目标 链接的 target 属性必须引用 iframename属性。

2.【head】头部元素

【head】定义关于文档的信息。

 <head></head>

【title】定义文档标题。

<title></title>

【base】定义页面上所有链接的默认地址或默认目标。

<base href="">

【link】定义文档与外部资源之间的关系。

<link rel="stylesheet" href="">

一般用于连接外部样式表脚本代码.

【meta】定义关于 HTML 文档的元数据。

标签里面存放的都是一些规则.

 <meta charset="UTF-8"> 解决中文乱码问题,utf-8即万国码 

【script】定义客户端脚本。(JavaScript)

<script></script>

【style】定义文档的样式信息。(css)[内部样式]

<style></style>

3.【HTML5语义元素】

【header】定义文档或节的页眉

<header></header>

【nav】定义导航链接的容器

<nav></nav>

【section】定义文档中的节

<section></section>

【article】定义独立的自包含文章

<article></article>

【aside】定义内容之外的内容(比如侧栏)

<aside></aside>

【footer】定义文档或节的页脚

<footer></footer>

【details】定义额外的细节

<details></details>

【summary】定义 details 元素的标题

 <summary></summary>

【figure】规定自包含内容,比如图示、图表、照片、代码清单等。

<figure></figure>

【figcaption】定义<figure>元素的标题。

<figcaption></figcaption>

【main】规定文档的主内容。

<main></main>

【progress】定义任务进度。

<progress></progress>

4.【响应式布局】

能够以可变尺寸传递网页 (暂时没有知识,小编有点儿懒,啥都没留下!!!)

5.【字符实体】

显示结果描述实体名称实体编号
空格&nbsp;&#160;
<小于号<<
大于号>>
&和号&&
"引号""
'撇号' (IE不支持)'
分(cent)¢¢
£镑(pound)££
¥元(yen)¥¥
欧元(euro)
§小节§§
©版权(copyright)©©
®注册商标®®
商标
×乘号××
÷除号÷÷

【数学符号】

字符数字实体描述
FOR ALL
PARTIAL DIFFERENTIAL
THERE EXISTS
EMPTY SETS
NABLA
ELEMENT OF
NOT AN ELEMENT OF
CONTAINS AS MEMBER
N-ARY PRODUCT
N-ARY SUMMATION

【希腊字母】

字符数字实体描述
ΑΑΑGREEK CAPITAL LETTER ALPHA
ΒΒΒGREEK CAPITAL LETTER BETA
ΓΓΓGREEK CAPITAL LETTER GAMMA
ΔΔΔGREEK CAPITAL LETTER DELTA
ΕΕΕGREEK CAPITAL LETTER EPSILON
ΖΖΖGREEK CAPITAL LETTER ZETA

【其他实体】

字符数字实体描述
©&#169;&copy;COPYRIGHT SIGN
®&#174; &reg;REGISTERED SIGN
&#8364;&euro; EURO SIGN
&#8482; &trade;TRADEMARK
&#8592;&larr;LEFTWARDS ARROW
&#8593;&uarr;UPWARDS ARROW
&#8594;&rarr;RIGHTWARDS ARROW
&#8595;&darr;DOWNWARDS ARROW
&#9824;&spades;BLACK SPADE SUIT
&#9827;&clubs;BLACK CLUB SUIT
&#9829;&hearts;BLACK HEART SUIT
&#9830;&diams;BLACK DIAMOND SUIT

【emoji】符号

Emoji
🗻&#128507;
🗼&#128508;
🗽&#128509;
🗾&#128510;
🗿&#128511;
😀&#128512;
😁&#128513;
😂&#128514;
😃&#128515;
😄&#128516;
😅&#128517;

【字符编码】

字符URL 编码
%80
£%A3
©%A9
®%AE
À%C0
Á%C1
Â%C2
Ã%C3
Ä%C4
Å%C5