HTML相关知识点总结(2)

_blank 浏览器总在一个新打开、未命名的窗口中载入目标文档。 _self 这个目标的值对所有没有指定目标的 <a> 标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。 _parent 这个目标使得文档载入父窗口或者包含超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效。 _top 这个目标使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。 提示:这些 target 的所有 4 个值都以下划线开始。。

此外,target属性在使用框架frameset 和iframe时非常有用

跳转锚点

<!-- 由A跳转到B --> <a href="#标记">A</a> <a>B</a>

图片

通过使用 HTML,可以在文档中显示图像。

在 HTML 中,图像由 <img> 标签定义。<img> 是空标签,意思是说,它只包含属性,并且没有闭合标签。

指定图片源(src)

要在页面上显示图像,你需要使用源属性(src)。src 指 “source”。源属性的值是图像的 URL 地址。

定义图像的语法是:<img src=https://www.jb51.net/“url” />

替换文本属性(alt)

alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。

<img src=https://www.jb51.net/“boat.gif” alt=“Big Boat”>

在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯,这样有助于更好的显示信息,并且对于那些使用纯文本浏览器的人来说是非常有用的。

列表
有序列表

语法:

<ol>

<li>咖啡</li>

<li>牛奶</li>

<li>茶</li>

</ol>

无序列表

语法:

<ul>

<li>咖啡</li>

<li>茶</li>

<li>牛奶</li>

</ul>

定义列表

自定义列表不仅仅是一列项目,而是项目及其注释的组合。自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

语法:

<dl>

<dt>Coffee</dt>

<dd>Black hot drink</dd>

<dd>Black drink</dd>

<dd>hot drink</dd>

<dt>Milk</dt>

<dd>White cold drink</dd>

<dd>cold drink</dd>

<dd>White drink</dd>

</dl>

表格

表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、表格等等。

表格的常用属性

属性 描述
border   隶属于<table>标签,定义表格宽度  
cellspacing   隶属于<table>标签,单元格间距,定义单元格之间的距离  
cellpadding   隶属于<table>标签,单元格边距,定义单元格内容与边框的距离  
bgcolor   应用于<table>、<td>、<th>标签,设置表格的背景色(过时)  
background   应用于<table>、<td>、<th>标签,设置表格的背景图片(过时)  
align   应用于<table>、<td>、<th>标签,表格是设置表格在外部容器中的对齐方式,单元格是设置内容的对其方式(过时)  
colspan   应用于<td>、<th>标签,合并列  
rowspan   应用于<tr>标签,合并行  

更为复杂的表格定义

标签 描述
caption   定义表格的标题  
thead   定义表格头  
tfoot   定义表格脚  
tbody   定义表格主体  
colgroup   为表格中的一个或多个列指定属性值  
col   为表格中的一列指定属性值  


(1)块元素和内联元素

HTML 元素被定义为块级元素或内联元素。

块元素:

块级元素”译为 block level element。块级元素在浏览器显示时,通常会以新行来开始(和结束)。

例子:<h1>, <p>,<ul>,<table>

内联元素:

内联元素”译为 inline element。内联元素在显示时通常不会以新行开始。

例子:<td>, <a>, <img>

(2)<div>和<span>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zwwpfx.html