2021-11-02HTML

快捷键是:

1.ctrl+N 新建文件

2.代码放大 ctrl+鼠标滚轮

3.html5语音,计算机语音

4.TAB键,自动生成闭合标签,<> </>,

5<!DOCTYPE html> 计算机文档语音

6.<html></html>代码里面所以的语音都属于html语音

7.<head></head>代表计算机头部文档信息

8.<meta>媒体标签,charset="utf-8"国际标准的编码格式

9.<title></title>文档的名字,在浏览文档的信息

10.运行在浏览器,快捷键盘,ctrl+R

11.<body></body>显示是页面的主体信息,在body里面所写的内容显示在你的浏览器上面

12.ctrl+s 文件一定要先保存才能运行

13.ctrl+/ 注释,解开注释ctrl+/

14.ctrl+A 全选 ctrl+ 整理格式

15.浏览器内核:chrome -webkit-

firefox -moz-

ie -ms-

16.特殊符号:&nbsp:空格;&quot,&quot:双引号;&gt;&lt;&copy:版权符号

文本元素

1.a生成超链接

2.br强制换行

3.wbr可安全换行

4.b标记一段文字但不强调

5.strong表示重要

6.i表示外文或科学术语

7.em表示强调

8.code表示计算机代码

9.var表示程序输出

10.samp表示变量

11.kdb表示用户输入

12.abbr表示缩写

13.cite表示其他作品的标题

14.del表示被删除的文字

15.s表示文字已不在确认

16.dfn表示术语定义

17.mark与另一段上下文有关的内容

18.q表示引自他处的内容

19.rp与ruby元素结合使用,标记括号

20.rt与ruby元素结合使用,标记括号

21.ruby表示位于表意文字上方或右方的注音符号

22.bdo控制文字的方向

23.small表示小号字体内容

24.sub表示下标字体

25.sup表示上标字体

26.time表示时间或日期

27.u标记一段文字但不强调

28.span通用元素,没有任何语义。一般配合CSS修饰。

超链接与路径

1.href指定<a>元素所指资源的URL

2.hreflang指向的链接资源所使用的语言

3.media说明所链接资源用于哪种设备

4.rel说明文档与所链接资源的关系类型

5.target指定用以打开所链接资源的浏览环境

6.type说明所链接资源的MIME类型(比如text/html)

7.超链接:

分为3种:1.功能性链接 2,页面之间的链接 3.锚链接

a属于文本标签,不能自动换行,不独占一行,没有宽度和高度

8.

知识点: href:属性----》 指定<a>元素所指资源的 URL

知识点:=后面的是值:http://www.xxx.com

知识点: 默认情况下跳转到当前窗口 _self

知识点: target 值为blank 就是新窗口

知识点:./ 同级 ../代表上一级

相对路径:

绝对路径:

9.同一个目录:index2.html或./index2.html;

在子目录:xxx/index2.html;

在孙子目录:xxx/xxx/index2.html;

在父目录:../index2.html;

在爷爷目录:../../index2.html;

10.页面之间的链接:同级别的跳转

11.//链接

<ahref="#1">第一章</a>

<ahref="#2">第二章</a>

<ahref="#3">第三章</a>

//锚点

<aname="1"></a><aid="3"></a>

分组元素

1.p表示段落

2.div一个没有任何语义的通用元素,和span是对应元素

3.blockquote表示引自他出的大段内容

4.pre表示其格式应被保留的内容

5.hr表示段落级别的主题转换,即水平线

6.ul,ol表示无序列表,有序列表

7.li用于ul,ol元素中的列表项

8.dl,dt,dd表示包含一系列术语和定义说明的列表。dt在dl内部表示术语,一般充当标题;dd在dl内部表示定义,一般内容。

9.figure表示图片

10.figcaption表示figure元素的标题

11.ol 元素属性

start从第几个序列开始统计:<olstart="2">

reversed是否倒序排列:<olreversed>,一半主流浏览器不支持

type表示列表的编号类型,值分别为:1、a、A、i、I

12.li 元素属性

value强行设置某个项目的编号。

表格元素

1.table表示表格

2.thead表示标题行

3.tbody表示表格主体

4.tfoot表示表脚

5.tr表示一行单元格

6.th表示标题行单元格

7.td表示单元格

8.col表示一列

9.colgroup表示一组列

10.caption表示表格标题

样式

行内样式:将样式的声明放在我们的标签内部,用style来声明

内部样式:内部指的是head里面style的标签里面的部分

外部样式:用link标签来声明,里面的东西一定要写rel="stylesheet",层叠样式表格

选择器优先级

id>类选择器>标签选择器

选择器

标签选择器:加在标签上的

class类选择器:.表示+类名 类可以多个

id选择器:#来表示+id的名字 id只能一个

样式优先级

行内样式>内部样式

行内样式>外部样式

内部样式和外部样式取决于距离body的远近

谁距离跃进谁高

内部样式和外部样式

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值