html常用标签

1、标题标签 :h1-h6  head

特点:1、文本自动加粗加大 

            2、文本的字体大小与h后边的的数字成反比

            3、自动换行

2、段落标签: p     paragraph    

特点:自动换行

3、水平线标签:   hr    horizon

      特点:显示一条横线  单标签

4、换行标签 : br

特点:1、单标签 

              2、可以在文本内容中随处换行

5、盒子标签 : div

特点:用div来进行网页布局 

6、组合行内元素标签: span

特点:1、最典型的行内元素,2、不会换行

7、文本语义化标签

加粗: b  strong

斜体:i  em

下划线:u  ins

删除线:s  del

区别:strong/em/ ins/del跟具有语气话及强调

8、图片标签

图片标签 : img

src属性:图片的路径

jpg/png/gif/psd 注意添加后缀名

再浏览器展示图片的大小就是默认大小

width:图片的宽

height:图片的高度

title:图片的标题 光标移动到图片上显示对应的属性值

alt:图片不显示时,显示alt的属性值 

相对路径:相对于当前位置

                    1、图片在当前文件夹下 ./ 或者不写

                    2、图片在当前文件的下一级目录

                    3、图片在当前文件的上一级目录../

绝对路径:路径是文件的整个目录

9、链接标签

1、anchor单词的缩写  锚

href:跳转的路径 

跳转方式

跳转线上 

跳转本地

         #暂时不知道往哪儿跳转 

打开方式

          跳转链接后,默认在当前的窗口打开

         在新的窗口打开 target="_blank"

         在当前窗口打开 target="_self" 

2、锚点链接

给指定的内容添加id属性,其次在标题中添加链接标签,href的属性值用#与id名对应即可实现锚点定位

3、Base

base标签的target属性设置整个网页中所有a链接的跳转方式 

10、列表标签

1、分类:无序列表、有序列表、自定义列表 

2、无序:特点:1、独占一行

                                      2、没有顺序

                                       3、每一行前有个小点

3、有序: 特点:1、独占一行

                            有顺序

                            每一行前有顺序数字

posted @ 2020-08-16 14:44  靡荼  阅读(220)  评论(0编辑  收藏  举报