基本忘光了,纯分享当初的学习笔记
HTML 标题(Heading)是通过 - 标签来定义的.
HTML 段落
HTML 段落是通过标签
来定义的.
HTML 链接
HTML 链接是通过标签 来定义的.
这是一个链接
在 href 属性中指定链接的地址。
HTML 图像是通过标签 来定义的.
HTML 元素可以设置属性
属性可以在元素中添加附加信息
属性一般描述于开始标签
属性总是以名称/值对的形式出现,比如:name=“value”。
HTML 属性常用引用属性值
属性值应该始终被包括在引号内。
双引号是最常用的,不过使用单引号也没有问题。
Remark提示: 在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,
例如:name=‘John “ShotGun” Nelson’
HTML 提示:使用小写属性
HTML 属性参考手册
属性 描述
class 为html元素定义一个或多个类名(classname)(类名从样式文件引入)
id 定义元素的唯一id
style 规定元素的行内样式(inline style)
title 描述了元素的额外信息 (作为工具条使用)
属性和属性值,尽量小写,本来这样做也方便些。
class 属性可以多用 class=" " (引号里面可以填入多个class属性)
id 属性只能单独设置 id=" "(只能填写一个,多个无效)
HTML 标题
标题(Heading)是通过 - 标签进行定义的。
定义最大的标题。 定义最小的标题。
HTML 水平线
标签在 HTML 页面中创建水平线。
hr 元素可用于分隔内容。
可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,
也不会显示它们。
注释写法如下:
实例
定义 HTML 文档
定义文档的主体
- 定义 HTML 标题
定义水平线
定义注释
这是1号标题
这是6号字体文本
段落是通过 标签定义的。
HTML 折行
如果您希望在不产生一个新段落的情况下进行换行(新行)
,请使用
标签:
实例
这个
段落
演示了分行的效果
HTML 格式化标签
HTML 使用标签
("bold") 与 ("italic")
对输出的文本进行格式, 如:粗体 or 斜体
HTML 文本格式化标签
标签 描述
定义粗体文本
定义着重文字
定义斜体字
定义小号字
定义加重语气
定义下标字
定义上标字
定义插入字
定义删除字
HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。
点击链接可以从一张页面跳转到另一张页面。
HTML 超链接(链接)
HTML使用标签 来设置超文本链接。
超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,
您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。
在标签 中使用了href属性来描述链接的地址。
默认情况下,链接将以以下形式出现在浏览器中:
一个未访问过的链接显示为蓝色字体并带有下划线。
访问过的链接显示为紫色并带有下划线。
点击链接时,链接显示为红色并带有下划线。
链接的 HTML 代码很简单。它类似这样:
链接文本
提示: “链接文本” 不必一定是文本。图片或其他 HTML 元素都可以成为链接。
HTML 链接 - target 属性
使用 target 属性,你可以定义被链接的文档在何处显示。
下面的这行会在新窗口打开文档:
实例
访问菜鸟教程!
HTML 链接- id 属性
id属性可用于创建在一个HTML文档书签标记。
在HTML文档中插入ID:
有用的提示部分
在HTML文档中创建一个链接到"有用的提示部分(id=“tips”)":
访问有用的提示部分
或者,从另一个页面创建一个链接到"有用的提示部分(id=“tips”)":
访问有用的提示部分
请始终将正斜杠添加到子文件夹。假如这样书写链接:href=“http://www.runoob.com/html”,
就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址,
然后创建一个新的请求,就像这样:href=“http://www.runoob.com/html/”。
这是一个电子邮件链接:
发送邮件
单词之间空格使用 %20 代替,以确保浏览器可以正常显示文本。
在进行邮件内容发送时,需要使用关键字:mailto
参数 描述
mailto:[email protected] 邮件接收地址
[email protected] 抄送地址
[email protected] 密件抄送地址
subject=subject text 邮件主题
body=body text 邮件内容
? 第一个参数分隔符
& 其他参数分隔符
注:多个邮件地址用 ; 隔开,空格用 %20 代替。
nofollow 是 HTML 页面中 a 标签的属性值。这个标签的意义是告诉搜索引擎"
不要追踪此网页上的链接或不要追踪此特定链接"。
HTML 元素
元素包含了所有的头部标签元素。
在 元素中你可以插入脚本(scripts),
样式文件(CSS),及各种meta信息。
可以添加在头部区域的元素标签为:
,
HTML 元素
meta标签描述了一些基本的元数据。
标签提供了元数据.元数据也不显示在页面上,但会被浏览器解析。
META 元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据。
元数据可以使用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他Web服务。
一般放置于 区域
标签- 使用实例
为搜索引擎定义关键词:
为网页定义描述内容:
定义网页作者:
每30秒钟刷新当前页面:
HTML元素不仅可以显示文本,也可以在左侧显示logo等图片。
显示时,要将标签放入里。
在 HTML 中,图像由 标签定义。
是空标签,意思是说,它只包含属性,并且没有闭合标签。
要在页面上显示图像,你需要使用源属性(src)。src 指 “source”。源属性的值是图像的 URL 地址。
定义图像的语法是:
URL 指存储图像的位置。如果名为 “pulpit.jpg” 的图像位于 www.runoob.com 的 images 目录中,
那么其 URL 为 http://www.runoob.com/images/pulpit.jpg。
浏览器将图像显示在文档中图像标签出现的地方。如果你将图像标签置于两个段落之间,那么浏览器会首先显示第一个段落,然后显示图片,最后显示第二段。
HTML 图像- Alt属性
alt 属性用来为图像定义一串预备的可替换的文本。
替换文本属性的值是用户定义的。
在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。 此时,浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯, 这样有助于更好的显示信息,并且对于那些使用纯文本浏览器的人来说是非常有用的。 HTML 图像- 设置图像的高度与宽度 height(高度) 与 width(宽度)属性用于设置图像的高度与宽度。属性值默认单位为像素:
提示: 指定图像的高度和宽度是一个很好的习惯。如果图像指定了高度宽度,
页面加载时就会保留指定的尺寸。
如果没有指定图片的大小,加载页面时有可能会破坏HTML页面的整体布局。
假如某个 HTML 文件包含十个图像,那么为了正确显示这个页面,需要加载 11 个文件
加载页面时,要注意插入页面图像的路径,
如果不能正确设置图像的位置,浏览器无法加载图片,图像标签就会显示一个破碎的图片。
HTML 表格
表格由 标签来定义。每个表格均有若干行(由 标签定义),
每行被分割为若干单元格(由 标签定义)。
字母 td 指表格数据(table data),即数据单元格的内容。
数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
row 1, cell 1
row 1, cell 2
row 2, cell 1
row 2, cell 2
HTML 表
格表头
表格的表头使用 标签进行定义。
HTML 表格标签
标签 描述
定义表格
定义表格的表头
定义表格的行
定义表格单元
定义表格标题
定义表格列的组
定义用于表格列的属性
定义表格的页眉
定义表格的主体
定义表格的页脚
HTML无序列表
无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。
无序列表使用 标签
- Coffee
- Milk
浏览器显示如下:
Coffee
Milk
HTML 有序列表
同样,有序列表也是一列项目,列表项目使用数字进行标记。 有序列表始于
标签。每个列表项始于
- 标签。
列表项使用数字来标记。
- Coffee
- Milk
浏览器中显示如下:
Coffee
Milk
HTML 列表标签
标签 描述
定义有序列表
定义无序列表
- 定义列表项
定义列表
- 自定义列表项目
- 定义自定列表项的描述
HTML 和
HTML 可以通过 和 将元素组合起来。
HTML 区块元素
大多数 HTML 元素被定义为块级元素或内联元素。
块级元素在浏览器显示时,通常会以新行来开始(和结束)。
实例: ,
,