HTML常用标签2

学习目标：

• 行内与块元素

• 列表
• 超链接

---

学习内容：

1. 行内与块元素

           块元素（block element） 常用来布局

                     独占一行,自上而下一行一行的排列

                      常用块元素：div  p  h1-h6  ul  li  ol  header  footer  main nav

           行内元素（inline element）

                     不会独占一行,自左向右排列，一行满了，就挪到下一行，再自左向右

                      常用行内元素：span  a  i   em  strong  del  s

           行内块元素

                   兼具行内元素，块元素特点

                   常用行内块元素：img

      

           注意：

             （1）块元素是布局元素，里面什么都能放，能方块元素，能放行内元素，行内块元素

             （2）行内元素  一般就用来包裹文字

             （3） 特殊的块元素  p     不能放块元素

             （4）特殊的行内元素  a   里面什么都能放，除了它自己

2. 列表（list） 一组一组  

               有序列表  用ol标签创建，li表示列表项

               无序列表  用ul标签创建，li表示列表项

                     disc，默认值，实心的圆点

                     square，实心的方块

                     circle，空心的圆

               定义列表  用dl标签创建，使用dd对内容进行解释说明

              

       注意：列表之间是可以互相嵌套的

             可以使用type属性  更改项目符号

             默认样式，li有项目符号，上下外边距，左内边距

      3.超链接  2个功能，2个属性，1个补充

                     超链接  行内元素  ，它里面可以放任何元素，除了它自己

                     可以是一个字，一段文字，图片，表格等

             功能

                          一个页面跳到另一个页面

                        当前页面的跳转（做楼梯导航）

                        下载

            属性

                      href  指向跳转的目标地址

                     绝对路径  

                     相对路径

                      ./  

                      ../   跳出当前的目录

                      注意：你在哪里，你要去哪里  

           target  控制超链接打开方式

                    可选值：

                    _self  在当前页面打开  

                    _blank  新开页面打开  

          锚点功能

                      给对应的位置，打一个id属性值

                     在href的属性值里，写：#id属性值

        id属性值

                    不能以数字开头，最好不要是汉字，独一无二的存在