自学Web前端的第二天

1.html列表

        1.1无序列表:      ul>li

            主要应用在:

                         新闻列表,  产品列表, 导航, 分页, 选项止

           type属性:

        disc列表样式实心圆

        circle 列表样式空心圆

        square列表样式为小方块

   1.2有序列表:  ol>li  

           type属性

     a: 小写字母

     A: 大写字母

     i: 小写罗马数字

     I: 大写罗马数字

     1: 数字

1.3  定义列表   dl>dt(定义)>dd(描述)

       语义:

        包含术语定义以及描述的列表

        l自定义列表、dt 自定义列表项、dd自定义列表项的注释(描述)

        用于将一组项目及其相关的描述进行分组

       默认样式:

                默认dl,dd带有间距

2. 行级标签

        2.1 图像:  <img src="  '' alt="  " wdth="  " height="  ">

                src属性:

                        作用:用于指定图像文件的路径和文件名

                         注意:是<img>标签的必须属性

                alt属性:

                         作用:指定替换文本,默认不显示,当图像不能正常显示时,显示该文字对图像进行           替换,有利于用户体验

                width/height属性:

                            作用:指定图片宽度/高度

                           注意:值可以不带单位默认px,只指定宽或高属性其中一个,另一个按照原比例                             等比缩放

                          默认样式:

                                        多张图片可以交列在一行显示

                                        默认产生下间隙

                        图像路径:

                                        相对路径:  ../(上一级目录)   /(文件的下一级)

                                        绝对路径

   2.2超链接:<a href="  ">文字或图片</a>

                        herf属性:作用:指定链接跳转的地址

                         target属性:作用:指定目标地址的打开方式

                        tutle属性:作用:定义提示文本,将鼠标悬停在链接上会显示标题作为工具提示

            锚点链接:

                        定义目标:<p  id="box"></p>

                        定义跳转:<a  href="#box"></a>

 em标签:  斜体显示,强调,用于标记强调内容,不独占一行

strong标签: 加粗显示,强调,用于标记强调内容,不独占一行

del标签:带有中划线 被从文档中删除的文字内容,不独占一行

i标签:斜体显示,区分普通文本的一系列文本,不独占一行

b标签:加粗,不独占一行

span标签:无语义

br标签:换行

       注意:

  • 不应该只为了实现加粗、斜体效果使用strong,em,可以使用css替代

  • br用于处理文本内容换行,不应用于控制元素间距

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值