亚博体育yb9461学习html时该学习哪些基础标签!
加粗:b(<b>内容</b>),strong(<strong>内容</strong>)
倾斜:i(<i>内容</i>),em(<em>内容</em>)
删除线:del(<del>内容</del>),s(<s>内容</s>)
下划线:u(<u>内容</u>),ins(<ins>内容</ins>)
字体:font(<font>内容</font>) 属性【color颜色,size 大小, face 样式】
标题标签:
<h1>标题文本</h1>
<h2>标题文本</h2>
<h3>标题文本</h3>
... ??... ?... ??...
<h6>标题文本</h6>
小结:
// ??加了标题的文字会变的加粗,字号也会依次变大
// ??一行是只能放一个标题的
段落标签:
<p>文本内容</p>
水平线标签hr(认识):<hr />是单标签
换行标签br:<br />是单标签
div和span标签(重点):
<div>这是头部</div> ?<span>今日价格</span>
他们两个都是盒子,用来装我们网页元素的, 只不过他们有区别,现在我们记住
div标签 用来布局的,但是现在一行只能放一个div
span标签 用来布局的,一行上可以放好多个span
标签名
定义
说明
<hx></hx>
标题标签
作为标题使用,并且依据重要性递减
<p></p>
段落标签
可以把 HTML 文档分割为若干段落
<hr />
水平线标签
没啥可说的,就是一条线
<br />
换行标签
?
<div></div>
div标签
用来布局的,但是现在一行只能放一个div
<span></span>
span标签
用来布局的,一行上可以放好多个span
?
?
<b><strong>的区别:
b 只是加粗 strong 除了可以加粗还有 强调的意思, 语义更强烈。剩下的同理...
?
标签属性:
<标签名 属性1="属性值1" 属性2="属性值2" …> 内容 </标签名>
<手机 颜色="红色" 大小="5寸"> ?</手机>
图像标签img(重点):
语法:<img src="图像URL" />
正常的
????<img src="cz.jpg" width="300" height="300" />
带有边框的
<img src="cz.jpg" width="300" height="300" border="3" />
有提示文本的
<img src="cz.jpg" width="300" height="300" border="3" title="这是个小蒲公英" />
有替换文本的
<img src="cz.jpg" width="300" height="300" border="3" alt="图片不存在" />
链接标签(重点):
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
属性
作用
href
用于指定链接目标的url地址,(必须属性)当为标签应用href属性时,它就具有了超链接的功能
target
用于指定链接页面的打开方式,其取值有self和blank两种,其中self为默认值,blank为在新窗口中打开方式。
?
?
表格标签:
<table width="500" height="300" border="1" cellpadding="20" cellspacing="0" align="center">
???<tr> ?<th>姓名</th> ??<th>性别</th> <th>年龄</th> ?</tr>
???<tr> ?<td>刘德华</td> <td>男</td> <td>55</td> ?</tr>
???<tr> ?<td>郭富城</td> <td>男</td> <td>52</td> ?</tr>
???<tr> ?<td>张学友</td> <td>男</td> <td>58</td> ?</tr>
???<tr> ?<td>黎明</td> ??<td>男</td> <td>18</td> ?</tr>
???<tr> ?<td>刘晓庆</td> <td>女</td> <td>63</td> ?</tr>
</table>
表格标题:
<table>
???<caption>我是表格标题</caption>
</table>
合并单元格:
跨行合并:rowspan="合并单元格的个数"
跨列合并:colspan="合并单元格的个数"
合并的顺序我们按照 先上 后下 先左 后右 的顺序
根据 先上 后下 先左 后右的原则找到目标单元格 然后写上 合并方式 还有 要合并的单元格数量 比如 : <td colspan="3"> </td>
?
注意:
<thead></thead>:用于定义表格的头部。用来放标题之类的东西。<thead> 内部必须拥有 <tr> 标签!
<tbody></tbody>:用于定义表格的主体。放数据本体 。
<tfoot></tfoot>放表格的脚注之类。
以上标签都是放到table标签中。
原文地址:https://blog.51cto.com/14654265/2462854