HTML 2017.7.16

来源：互联网发布：男包品牌知乎编辑：程序博客网时间：2024/06/05 14:36

HTML基础

2017.7.16

1. 加粗

注：等同于 <strong>........</strong>

2. 斜体

注：等同于<em>......</em>

3文字下浮

4.文字上浮

5.直接输出文本

<code>

..........

</code>

6. 文本放大与缩小

<big>

........

</big>

和

<small>

..............

</small>

7.使用格式控制

<pre>

........(带一定的格式)

</pre>

可以直接输出文本和其格式。

8.常用于显示计算机编码的标签

<kbd> ....</kbd> //键盘输入

<tt>.......</tt> //打字机文本

<samp>.......</samp> //编码样本

<var>.......</var> //变量

9. html中直接了当地写地址信息

...............

</address>

自带牛B的字体。

10.html中的缩写

①<bbr title=“缩写内容”>缩写名</bbr>

②<acronym title="缩写内容">缩写名</acronym>

11.html 文字显示顺序

12.html中的块引用

就是block quote,就是把一整块文本连格式一起显示,而不去处理其中的各种标签和换行什么的。

<q>

......

</q>

对回车无效，即把文本块整合到一起。而<pre>是直接输出文档的所有内容及格式。

13. 插入与删除

<del>......</del> 删除文段

<ins>.......</ins>插入文段

14.target属性

注意：第二个"与target中间必须要有一个空格不然会报错

15.HTML 链接- id 属性
id属性可用于创建在一个HTML文档书签标记

还有其它的例如链接提示等等。

提示连接：访问有用的提示部分: #+id 即可跳转到id代表的部分。

16. 注：“与后面的内容最好有空格。

17.图片链接

把之前的<a>..</a>中的文本更换成图片即可

例如：<a href="https://www.google.com/" target="_blank">
<img src= "../Pictures/Camera Roll/google - 副本.jpg" width="264" height ="77">
</a>

另：实现无边框的图片可以加上 border=”0“ 这个属性

18. 章节之间互相跳转（使用id），当前页面链接到指定位置。

<h1>

</h1>

<p>

.....

</p>

19. 跳出框架<a href="www.xx.com" target="_top"></a>

打开相应页面,覆盖框架。

20.html的头

<head>可添加的标签

1）title:工具栏标题

2）base: 所有默认的链接都为base 中设定的网址。

for example ：

<head>

<base><a href="www.google.com"></base> 所有默认的链接都为www.google.com.

</head>

<body>

<a href target="_balnk“>链接</a> <b>此时点击链接，则会跳转到google.com.</b>

</body>

3）LINK元素：

4）style元素：样式文件的引用

例如：

5）<meta>元素 //很重要

基本格式为：<meta name(http-equive)="keywords",content="hello world！>

META 元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。

meta 主要的参数有: keywords ,description，robot（机器人向导），author，expires（设定网页到期时间），pragma（no cache 无法脱机浏览），refresh（定时刷新网页）。。。。。。。

注：红色的为name属性，即name=" ",蓝色的为http-equive属性.(具体使用请百科)

6）script元素用于加载脚本文件。

阅读全文

0 0