HTML笔记day2

行标签

1. span

2. a标签

        href属性：用来设置超链接地址

        target属性：设置标签页的打开方式

                _blank 在新标签页打开

                _self    默认值，在当前页打开

        作用：

                a.设置一个超链接        

                b.设置锚点

                        最常用的效果是回到顶部  如果开发中需要设置a标签点击没有效果，则可以设置href属性值为## 。即是:

href="##"

                        如果需要设置回到顶部，则：

href="#"

ps:不要设置href为空，这样会导致页面未刷新

                c.下载文件

                ①.如果设置的下载文件是音频、视频、图片、文档等，都要经过压缩之后，再再href上设置文件的路径

                ②.如果是文本类型的文件，可以直接吧文件的路径设置在href属性上，直接由浏览器打开

3.strong 强调标签

4.em 强调并且斜体  strong>em

5.b 文本加粗（不常用，h5中即将废弃）

6.i 文本斜体

7.var 文本斜体（不常用，h5中即将废弃）

8.q 引用标签，他的引用内容都比较简短

9.pre 格式化标签

10.code 一般是嵌套代码使用

HTML实体

&lt;在html中渲染为<

&gt;在html中渲染为>

&nbsp; 在html中渲染为空格

11.图片标签

img 单标签

src属性：用来设置图片的资源路径

文件资源路径

a.绝对路径      b. 相对路径

alt属性：用来解释图片的内容

作用：

        1.当图片没有被加载出来的时候，会显示alt的内容

        2.通过alt属性，告诉浏览器当前图片的内容

总结

1.块属性标签

        a.独自占据一行，支持宽和高的设置，设置完宽和高之后，任然独占一行

        b.支持上下padding和上下margin

2.行属性标签

        a.不会独占一行空间，从左至右横向排列

        b.无法设置宽高，他的宽和高由内容撑开

        c.不支持设置上下padding和margin

标签的嵌套规则

1.块标签可以作为一个布局标签，嵌套所有的标签

2.行标签不能嵌套块标签

3.p标签，h1~h6，a都不能相互嵌套，并且他们不能嵌套块标签

CSS

css 层叠样式表

1.行间样式表

2.内部样式表

3.内联样式表

text-align 设置文本排布方式