html的pp标记的作用,HTML学习笔记 · sonnypp

66b52468c121889b900d4956032f1009.png

8种机械键盘轴体对比

本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选?

HTML是一种描述网页的语言,指的是超文本标记语言;HTML并不是编程语言,而是一种标记语言!

HTML标签:由尖括号包含的关键词,如 ;一般都是承兑出现的,如

;标签对中第一个叫开始标签,第二个加了/的叫结束标签。

HTML元素:开始标签+内容+结束标签,如:1

内容

有些标签是没有结束标签,如


在开始标签中闭合的叫空元素

HTML格式如下:1

2

3

4

5

6

Hello World

是文档声明,有助于浏览器中正确显示网页。其实就是声明了HTML的版本。目前通用的html5文档声明为 。

元素说明文档为html文档,也是根元素;

定义标题,就是显示在浏览器工具栏中的标题名称;

​ 描述了基本的元数据,如下,(当然还有其他的,需要以后慢慢摸索啦…)1

2

3

4

5

6

7

8

9

10

11

// 定义字符编码,通常用utf-8

// 每5秒刷新页面,可以在5后面加URL

// 不仅仅可以放在head元素中,还可以放在当前文档的

元素中

标题:

,
,
,
,
,
显示在页面上字体按顺序由大到小

段落:

换行:

分割线:


引用短的句子: 显示在页面中就是将句子加了一个“双引号”,但是不要只为了需要双引号而是用

引用大块的句子或段落:

显示在页面是整体缩进,但是不要只为了需要缩进而使用
,cite属性值是引用的出处

定义作品标题:

粗体:

斜体:

强调: 显示为斜体,不要为了使用斜体而是用em

强调: 比em更强烈的强调,显示为粗体,不要为了使用粗体而是用strong

计算机代码:

保留:

 可以保留文档中的空格、换行和TAB 
  

上标:

下标:

无意义标签:

,可以用来和css配合改变文字的样式

全局属性:id 必须以字母开头(大小写都可),后面跟字母(大小写都可)、数字(0-9)、连字符(“-“)、下划线(“_”)、冒号(“:”) 以及点号(“.”);文档中不能有相同的ID名称;

​ class 必须以字母开头(大小写都可),后面跟字母(大小写都可)、数字(0-9)、连字符(“-“)、下划线(“_”);文档中可以有相同的class名称;

​ style 行内样式

​ title 显示额外信息

注释:

实体字符:

​ < <

​ > >

​ & &

​ 空格

​ © ©

图像:, alt中的文本描述图片基本信息,当页面加载不出来图片的时候就会显示alt中的文本;可以和合作将图像定义客户器端图像映射,如下1

2

3

4

5

6

7

8

9shape定义区域的形状,coords定义区域的坐标,href定义URL。

的usemap属性值只是在中name的属性值加#,这个很重要

-->

#

超链接: 有以下几种情况文本超链接 超链接 target属性有 _self (默认,在当前页面打开链接页面),_blank (在新的窗口打开连接页面),_top (在整个窗口中打开被链接文档),和中name属性配合显示在iframe中的页面。 title中的内容在鼠标放在链接文本上的时候会显示出来

图像超链接

定义锚点1

2

3

4

锚点 // id 或者 name 都可以

回到锚点

显示在iframe中1

2

3

4

5

6

7

8

9

显示在iframe中,咻

iframe 使用方法如下,会直接在iframe上显示对应的页面

-->

链接到邮箱或者手机1

2

3

4

5

6

7

8

9

10

11

联系邮箱

联系手机

mailto后可跟多个邮箱,最后一个邮箱用?结束,后面是”cc=邮箱”(抄送),也可多个邮箱,用&结束,后面可跟“subject=主题”,以&结束,还可加“body=内容”,如下

联系邮箱

%20在这里代表空格

-->

无序列表1

2

3

4

5

6

7

8

9

  • html
  • css
  • javascript

注:无序列表默认实心黑色圆点,type属性可以改变,共有三个值:disc(默认),circle(空心圆点),square(实心黑色方块)。当然用css最好。

有序列表1

2

3

4

5

6

7

8

9

  1. html
  2. css
  3. javascript

注:有序列表默认数字排序,type属性可以改变,有好几个值:1(数字), a(字母)等等;shart属性可以改变排序从第几个开始,比如数字排序,start=”2”,排序第一个就不再是 1 ,而是 2 。用css改变样式。

自定义列表1

2

3

4

5

6

7

html
表述页面的标记语言

注:ul ol dl 之间是可以相互嵌套的。

表格1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

表头单元格

表头单元格表头单元格

注:td 或 th 的 colspan 属性可以合并列, rowspan 可以合并行。table 的 cellspacing 属性控制单元格间距, cellpadding 属性控制单元格边距。1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

// actioin 表单提交地址; method 表单提交方式 post 或者 get; 定义id属性,可以让表单外的表单元素用 form 属性关联到此表单中 // 分区

分区标题

账号:

密码:

learn:

html // 同一组 radio 的 name 值必须相同;checked 默认选中

css // input 外加 label 为了点击字体的时候也可选中radio ;另一种方法是 中的 for 属性和 radio 的 id 属性值相同

javascript

like:

骑行 //

书法

旅行

城市:

北京

上海 // selected 默认选中

郑州

简介:

// 按钮还是用 标签好一些

提交

display 禁用; required 必须填写项; placeholder 提示词(显示灰色);multiple 可多选;min max 最小值、最大值;width 和 height input属性;

input 的 type 属性还有其他值,比如,email,url,number, search,range,color,data,aurofocus

还有list 和 datalist 的配合使用预选项

也有新属性 这些等慢慢研究了再写

视频1

2

3

4

5

6 // controls 显示控制条; autoplay 自动播放;loop 循环播放;单个文件可以直接放在 src 属性中

您的浏览器不支持video!

音频1

2

3

4

5

6

您的浏览器不支持audio!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值