HTML标签

在HTML5中添加了很多新的结构标签,比如:

                                        

1.标签的学习方法:

        *了解该标签在浏览器中的默认样式

        *明白标签的含义

加粗标签 

        strong 加粗,有加重语气

        b 纯加粗标签

斜体标签

        em 斜体,加重语气

         i 纯斜体标签

水平线        

<hr width="100px" size=5 noshade/>

q         短引用标签

        显示方式:会在引用的内容加上“内容”

pre         预格式化文本

        浏览器中显示的内容会以该标签里的格式来显示

code         代码标签

        显示方式:不会换行,字体样式会不同

blockquote        长引用标签

        显示样式:增加段前后行间距,增加缩进

address        地址标签(h5新增)

        见名知意,会将字体变为斜体换行

img        图片标签

        属性:      

                #src图片地址:

                 地址分为相对地址和绝对地址

                        相对地址:../返回上一级

                                          ./表示当前目录

                                         img/进入到下一级

                                        /img表示返回根目录

                #width宽度

                #height高度

                #title图片标题

                #alt替换文本,当图片加载不出来时显示

a        超链接

        1.属性:

        #href:链接地址

        #target:打开方式               

                _self 默认打开方式 在当前窗口打开

                _blank 在新窗口打开

                _parent 在父级打开

                _top 在顶部打开

                xxxx框架名称打开

       2. 默认显示样式

                蓝色字体加下划线

        3.超链接的三个种类:

                *页面链接

                *锚点链接

                        先要定义锚点name="xxx",然后在要跳转的地方输入href="#xxx",如果在不同页面则需要在前面加上路径href="页面地址#锚点"

                *功能性链接:链接到QQ、电话、邮件,链接到第三方网站必须加http://

列表标签

        有序列表 ol(order list)

        无序列表 ul(unorder list)

                type属性:        disc实心圆        circle空心圆        square小方块

        定义列表 dl(define list)

                

table表格标签

        1.子标签 

        thead:表格的头部

        tbody:表格的内容

        tfoot:表格的底部

        tr:行

        td:单元格
                    rowspan 合并行
                    colspan 合并列

        th:表头

        caption:标题

        2.属性     

        border 边框

        width 宽度

        height 高度

        align 对齐

        cellpadding 单元格内容到边框的距离

        cellspacing 单元格之间的距离

form标签

         作用:收集用户信息并提交给服务器

        代码:

        属性:

        *action 提交地址

        *method 提交方式 ,分为get和method

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值