HTML重要知识点总结

标题元素:<h1>~<h6>标签可以定义标题。<h1>定义最大的标题,<h6>定义最小的标题。该标签支持全局标准属性和全局事件属性。

段落元素:<p>标签用于定义段落,浏览器会自动在其前后创建一些空白。                                                        <br>标签定义一个换行,通常在<p>标签内。若要正常的换行,就用到了<br>标签,需要注意的是,<br>标签不是用于分割段落的。

注释元素:<!--  -->用于在HTML里插入注释,它的开始标签为<!--结束标签为-->,开始标签和结束标签不一定在一行,也就是说,可以写多行注释。

图片元素:图像由<img>标签定义。<img>元素的基本结构:<img src=“图片的url” alt=“图像的替代文本”>图片的URL指存储图像的位置,可以是相对路径,也可以是绝对路径。图像的替代文本主要针对的是无图浏览器,或者纯文字型浏览器,图片会显示成图像的替代文本。<img>元素还可以设置高度(height)和宽度(width)。

超链接元素: <a>标签来设置超文本链接。<a>元素的基本结构:<a href="url">链接文本</a>

默认情况下,链接将以以下形式出现在浏览器中:

  • 一个未访问过的链接显示为蓝色字体并带有下划线。
  • 访问过的链接显示为紫色并带有下划线。
  • 点击链接时,链接显示为红色并带有下划线。                                                                     
  1. 文本链接:只得是<a>和</a>标签之间的内容为文本内容,是最常见的链接形式。
  2. 锚点链接:一份大型文档可以分为多个小节,读者可以通过锚点链接快速定位到自己想看的部分。锚点通常用唯一属性值id设定,然后在<a>元素的name属性中用“#+对应的锚点”即可。
  3. 图像链接:<a>和</a>标签之间的元素内容为<img>元素。
  4. 空链接:指未指派目标地址的超链接,使用场景较少。

列表元素:无序列表 :每一项前缀都显示为图形符号,用<ul>定义无序列表,用<li>定义列表项。<ul>的type属性定义图形符号的样式,属性值为disc(点)、square(方块)、circle(圆)、none(无)等。                                                                                                                                                    有序列表:前缀通常为数字或者字母,用<ol>定义有序列表,用<li>定义列表项。属性值为1(数字)、A(大写字母)、I(大写罗马数字)、a(小写字母)、i(小写罗马数字)等。<ol>还可以通过start属性定义序号的开始位置。                                                                                                  定义列表:一种特殊的列表,它的内容不仅仅是一列项目,而是项目及其注释的组合。用<dl>标签定义,定义列表内部可以有多个列表项标题,每个列表项标题用<dt>标签定义,列表项标题内部又可以有多个列表项描述,用<dd>标签定义。

表格元素:用<table>标签定义。表格标题用<caption>标签定义,每个表格均有若干行,用<tr>标签定义,每行被分割为若干单元格,用<td>标签定义,当单元格是表头时,一般用<th>标签定义。

<td>标签有两个常用属性:colspan(用于定义单元格跨行)rowspan(用于定义单元格跨列)。

表单元素:用<form>标签定义,其它的表单控件元素必须放在<form>元素内部,否则,单击submit按钮提交时会丢失参数。

<textarea>表单控件及多行文本区域。 

 

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值