计算机小白关于常用H5标签的小结(第二天)

发布于:2023-02-12 ⋅ 阅读:(544) ⋅ 点赞:(0)

01.常用标签

一、标题标签h1~h6

二、段落标签 p  块元素

三、hgroup标签  用来分租标题标签,虽然样式上没有发生声明改变,但从语义上个两者就有关系了

四、强调标签  em标签和strong标签  二者在样式上em标签有点斜体,strong标签颜色更深一点   从语义上em标签着重于语调,strong着重与内容

五、blockquote标签  长引用标签,引用别人说的话,独占一行,块元素

六、q标签  短引用  (样式上加了个双引号)

七、br标签   换行标签  强行换行  自结束标签

八、hr标签   分割线

九、center标签  居中标签

十、del标签  删除标签

十一、div标签  块元素

十二、span标签  用于包裹文字  没有什么意义  行内标签

0.2结构标签

header   网页的头部

main      网页的主体(一般就一个)

footer     网页的底部

nav        网页的导航

aside        和主体相关的内容  侧边栏

article        文章之类的

section        没有任何语义,一般拿来代替div

0.3块元素和行内块元素(略)

0.4列表

               有序列表        用ol创建        li表示列表项        type属性可以更改项目符号:1 a A I i

                无须列表        用ul创建        li表示列表项        type属性也可以更改项目符号:disc(实                                                                             心圆),square(实心方阵),circle(空心圆)

                定义列表        用dl创建        dt下定义        dd解释定义

                        此外列表可以相互嵌套

05.超链接

                两个功能  两个属性  一个补充

        功能:1、从一个界面跳转到另一个界面

                   2、当前界面进行跳转(锚点功能)

                   3、下载功能

        属性:1、href属性        填写超链接跳转地址

                        绝对地址        比如JD 淘宝 输入地址就能正确跳转

                        相对地址        与文本本身的位置有关

                        ./  同级目录可进行跳转

                         ../ 跳出当前目录

                     2、target属性  

                           -self  默认值  当前页面打开超链接

                            -blank        新页面打开超链接     

                    锚点功能

                1、回到顶部(href属性值设置#即可)

                2、去任意位置

                        第一步:给去的位置打一个标记,用id属性设置一个id属性值

                        第二步:在href属性值里 #id属性值

                        注意:id属性值最好不要数字开头,而且最好不要写中文

                一个补充:<a href="#">空连接1</a>

                <a href="javascript:;">空链接2</a>  推荐使用

0.6图片标签

使用img标签来向网页中引入一个外部图片

     4个属性

       src属性  引入图片的路径  通过./或者../开头

            ./   引入图片跟你在同一个目录下

            ../  跳出当前的目录,再找

      alt属性  对图片的描述,它会在图片引入不成功的时候,显示文字

              它也会帮助浏览器做收录功能

      width属性  设置图片的宽度

         属性值里直接写数值或者带长度单位都可

      height属性  设置图片的高度

      注意:一般情况下,width和height只设置一个,另一个让浏览器按比例缩放

本文含有隐藏内容,请 开通VIP 后查看

网站公告

今日签到

点亮在社区的每一天
去签到