我的网站学习的学习网站

目录

1.链接的使用
2.图像的插入
3.元素
4.属性
2.图像的插入
2.图像的插入
2.图像的插入
2.图像的插入
2.图像的插入
10.颜色
11.css样式表
12.链接

13.图像插入

14.表格

1.链接的使用

w3school

2.图像的插入


3.元素

元素

4.属性

如标题“4.属性”,会因为开始标签中添加的align属性进行居中排版,属性通常都加在开始标签中
常见通用属性: 属性 值 描述
class classname 规定元素的类名(classname)
id id 规定元素的唯一 id
style style_definition 规定元素的行内样式(inline style)
title text 规定元素的额外信息(可在工具提示中显示)

其他属性查看

5.HTML 水平线


hr标签在 HTML 页面中创建水平线。 hr 元素可用于分隔内容。

6.段落

春晓
春眠不觉晓,处处闻啼鸟。
夜来风雨声,花落知多少。

p标签用于段落,br/标签用于段内换行,或者产生空行。

7.样式

如标题和段落的开始标签所示,网页的样式可由开始标签中的style属性去定义各种样式
样式可以在头部定义,也可以单独在css中定义

css学习

如这个段落中的style属性定义的样式:font-family定义字体类型、color定义字体颜色、font-size定义字体大小

8.文本格式化

del是删除线
big定义大号字体
b是加粗标签
strong会把被选中的内容进行加粗
i是斜体
em是强调斜体
清明上河图 是我国十大传世名画之一
水分子:H2O
24=16
ins代表插入内容
“计算机输出”标签

9.引用

q元素代表引号,用于短的引用

例如:WWF 的目标是 构建人与自然和谐相处的世界。

blockquote 元素代表长的引用,会对引用内容进行缩进。例如:

五十年来,WWF 一直致力于保护自然界的未来。 WWF 工作于 100 个国家,并得到美国一百二十万会员及全球近五百万会员的支持。

abbr 元素代表缩写,并对缩写内容加以标记,对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。

例如:WHO 成立于 1948 年。

HTML address 元素定义文档或文章的联系信息(作者/拥有者)。例如:

Written by Bill Gates.
Visit us at:
Example.com
Box 564, Disneyland
USA

cite 元素定义著作的标题。浏览器通常会以斜体显示 cite 元素。例如:

The Scream by Edward Munch. Painted in 1893.


bdo 元素会颠覆当前文本的顺序,如果您的浏览器支持 bdo,则文本将从右向左进行书写 (rtl):

This line will be written from right to left

10.颜色

html 的颜色
各种颜色的名字

11.css样式表

样式有3种引用方法

1.利用link引用外部的css样式表,这样的样式表可以用于多个页面

2.内部样式表:

3.内联样式:即在开始标签里定义样式,如本段落的开始标签就给本段设置了样式

12.链接

a 元素可用于创建超文本链接,点击后跳转到某个指定网页,也可以用于锚定某个位置用于创建目录,点击后即可跳转到相应位置

如本节标题被设置一个锚定ID,可在网页最开始进行查询跳转

13.图像插入

一幅图像: 图像路径错误

将图片作为链接使用:
图像路径错误

14.表格

横跨两列的单元格

姓名 电话
Bill Gates 555 77 854 555 77 855

竖跨两行的单元格

姓名 Bill Gates
电话 555
7 855

15.列表

列表的常见用法均已体现

Disc 项目符号表示的无序列表:

一个定义列表:

计算机
用来计算的仪器 ... ...
显示器
以视觉方式显示信息的装置 ... ...

16.块元素div和span

如本级标题处的div标签,用于独立本节内容为一个块。块元素还包括:h1, p, ul, table等

内联元素:例如b,td,a,img

17.类

如本块元素开始标签,class即定义了这个块元素的类别,id仅标识了某一个元素,但class可表示同类元素,本节为标题设置了id="设定单独颜色",并在头部定义了颜色

行内元素分类:如上一行的“class”,即通过span元素的类与其他的文本进行了类的区别,文本颜色被通过头部的样式单独定义成了红色