第一次网页前端培训(HTML常用标签)

本文介绍了HTML的基础概念,包括单标签和双标签的使用,如<hr>、<br>,以及注释、列表、标题、段落、样式控制和超链接的创建。重点讲解了<a>、<img>、<table>等标签的属性及其用途,还提到了字体格式化和预格式化文本的处理。此外,讨论了HTML在SEO中的作用,如<h1>标题的使用。
摘要由CSDN通过智能技术生成

HTML(超文本语言)

标签主要分为单标记指令和双标记指令(由<起始标记>内容</结束标记>构成)

注释方式:<!--   文本内容   -->

单标签:<hr />水平线;<br />或<br>换行。

水平线常用属性:color 颜色;size 粗细;width 长度。

        *用法(<hr color = "red" size = "3" width = "50%" align = "left">)

列表:1>有序列表 <ol><li></li></ol>

           2>无序列表 <ul><li></li></ul>

           *(type = " "选择序列类型)

常用标签:

1:title定义文档的标题,浏览器会使用该标题。同时若该文档加入用户的链接列表或收藏夹时,标题将成为该文档链接的默认名称。

注意:title标签位于head标签内,是head标签唯一要求包含的东西。

2:link标签用来引入css文件。

3:scrip标签用来引入js文件或者js代码。

4:标题标签只有h1--h6,大小依次递减。(h1标题使用次数多容易被搜索引擎捕获)

        *同时也会自动换行(块级元素)

5:段落标签叫p标签。(会自动换行)(块级元素)

6:div标签(块级元素)

默认占全部的宽度,有多少内容高度占多少

可以通过style属性设置div的宽(width) 高(height)

7:span标签(行内元素)*不会自动换行

格式化标签:

1:font 规定文本字体,字体尺寸,字体颜色。

2:pre 定义预格式化的文本,被包围在pre元素中的文本通常会保留空格和换行符,而文本也会呈现为等宽字体。

3:文本标签

        b(粗文本)、i(斜体文本)、u(下划线文本)、del(中划线文本)、sub(下标文本)、sup(上标文本)。

a标签:

*a标签定义超链接,用于从一张页面链接到另一张页面。

*作为锚点:

        a标签的name属性值

        其他标签的id属性值

锚点:id=" ",+href="#+id "或者name+。

常用属性 1:href 链接所要跳转的位置,可能是其他或当前页面。

2:target 窗口打开的方式。

3:_self 当前窗口。

4:_blank 空白窗口。

img标签:(向网页中嵌入一张图标)

*常用属性:src:需要引入的图片的地址(必须属性)

                    alt:当图片破损或者不存在时,显示的文本内容

                    title:当鼠标悬停在图片上时,显示的文本内容

                    width:图片的宽度

                    height:图片的高度

                    border:图片的边框

表格标签:

        table 表格、 tr 行、 td 标准单元格、th 表头(字体居中,加粗效果)

*table 属性:

width 表格的宽度

border 边框

align 对齐方式

*style="border-collapse: collapse;" (合并边框)

*tr 属性:

align 行的内容的对齐方式

* bgcolor 设置背景颜色

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值