-
标签的用途:我们学习网页制作时,常常会听到一个词,语义化。那么什么叫做语义化呢,说的通俗点就是:明白每个标签的用途(在什么情况下使用此标签合理)比如,网页上的文章的标题就可以用标题标签,网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段落就得放在段落标签中等等
讲了这么多语义化,但是语义化可以给我们带来什么样的好处呢?
1. 更容易被搜索引擎收录。
2. 更容易让屏幕阅读器读出网页内容。
在后面的章节会带领大家学习了解html中每个标签的语义(用途)。
查看全部 -
<form>创建表单
语法:
<form method="传送方式" action="服务器文件">
<form>:<form>标签是成对出现的,以<form>开始,以</form>结束。
action:浏览者输入的数据被传送到的地方。
method:数据传送的方式(get/post)。
查看全部 -
thead,tbody,tfoot定义表格
查看全部 -
<div>标签的作用就相当于一个容器。
查看全部 -
使用table为网页添加表格
标题标签
表格标签
表格行,列
表格单元格
创建表格的四个元素:table,tr,th,td
<table>...</table>:整个表格以table开始和结束。
<tr>...</tr>:表格的一行,有几对<tr>就表格就有几行。
<td>...</td>:表格的一个单元格,一行中包含几对<td>,说明一行中有几列。
<th>...</th>:表格的头部的单元格,表格表头。代表一列。
表格中列的个数,取决于一行中数据单元格的个数。
border属性可以为表格添加边框,属性值为数字。
注意:
table标签里面可以放caption标签和tr标签。
caption标签用来定义表格标题。
tr标签用来设置表格的行,tr里面只能放th或者td标签,一组tr标签代表一行。
th用来设置表格的标题,会加粗居中显示。也就是th标签中的文本默认为粗体并且居中显示。
td同来设置表格的列,一组td标签代表一列。
table表格在没有添加border属性之前, 在浏览器中显示是没有表格线的。
<tr>标签来定义表格的行,<th>和<td>来定义表格的列
查看全部 -
<a>标签中的target属性,代表网页打开的方式,有两种:
<a herf="#" target=_self>在当前窗口打开超链接</a>,默认值为_self.
<a herf="#" target=_blank>在新窗口打开链接</a>
查看全部 -
<a>标签为网页添加超链接
语法:
<a href="目标网址" title="鼠标滑过现实的文本">链接现实的文本</a>
举例:
<a href="http://www.imooc.com" title="点击进入慕课网" >click here!</a>
上面例子作用是单击click here!文字,网页链接到http://www.imooc.com这个网页。
herf与title在第一个<a>里面
查看全部 -
<img>标签为网页添加图片
语法:
<img src="图片地址" alt="下载失败时替换文本" title="提示文本">
举例:
<img src="myimage.gif" alt="My Image" title="My Image" />
src:表示图像位置。
alt:指定图像的描述性文本,当图像加载失败或不可见时,可看到图像的描述性文本。
title:提供在图像可见是对图像的描述。(鼠标滑过图片时显示的文本)
图像可以是GIF,PNG,JPEG格式的图像文件。
查看全部 -
<ol><li>标签实现有序列表
语法:
<ol>
<li>信息</li>
<li>信息</li>
......
</ol><ol>在网页中显示的默认样式一般为:没想<li>前都自带一个序号,序号默认从1开始。
查看全部 -
<ul><li>标签实现无序列表
<ul><li>是没有前后顺序的信息列表
语法:
<ul>
<li>信息</li>
<li>信息</li>
...
</ul>
ul-li在网页中显示的默认样式一般为:每项li前自带一个圆点。
查看全部 -
<hr>标签实现水平线 空标签
语法:
html4.01版本 <hr>
xhtml1.0版本 <hr />
查看全部 -
使用特殊字符 实现空格标签
语法: 
查看全部 -
<br>标签实现换行效果
语法:
xhtml1.0写法:
<br />
html4.01写法:
<br>
<br/>标签作用相当于回车
<br/>标签没有HTML内容时是一个空标签,类似的标签有<br/>,<hr/>,<img/>
查看全部 -
<aside>定义侧边栏区域
查看全部 -
<section>定义区段
例如网站专栏部分查看全部
举报