开发者社区> lambdaλ> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

网页的文档类型、标签及表格

简介: 什么是文档类型? 可以简单的理解为不同的html版本 从html4.0或4.01以后数字版本号基本固定,但是在此基础上又有分化: 1.严格型:可用的标签相对较少,但能兼容更多的浏览器 2.宽松型:可用的标签相对较多,但能兼容的浏览器较少 3.框架型:一种特殊需要的类型,只能在frameset标签的网页中使用 从html5 开始就删去了啰嗦的东西就剩 链接标签 _blank 新的窗口(空白窗口) _self: 当前网页本身这个窗口 _parent: 当前窗口的“上一级”窗口 ——学frameset的时候才能应用上。
+关注继续查看

什么是文档类型?

  • 可以简单的理解为不同的html版本
  • 从html4.0或4.01以后数字版本号基本固定,但是在此基础上又有分化:
    1.严格型:可用的标签相对较少,但能兼容更多的浏览器
    2.宽松型:可用的标签相对较多,但能兼容的浏览器较少
    3.框架型:一种特殊需要的类型,只能在frameset标签的网页中使用
  • 从html5 开始就删去了啰嗦的东西就剩<!DOCTYPE html >

链接标签

<a herf="设定链接的目标网页文件url" garget="设定要打开该网页浏览器窗口的名字" target="打开窗口的位置">
  • _blank 新的窗口(空白窗口)
  • _self: 当前网页本身这个窗口
  • _parent: 当前窗口的“上一级”窗口 ——学frameset的时候才能应用上。
  • _top: 当前窗口所在的窗口层级中的最顶层那个窗口 ——学frameset的时候才能应用上。
  • target如果没有设定,则现在通常的默认值是_self.

图片标签

  • <img src=”图片文件的路径url” alt=”设定图片的描述信息” width=”100” height=”50” border=”1” align=”left || center || right” />
  • alt:图片信息的描述
  • align:图片显示的位置
  • border:图片边框线的粗细(px)
  • title:这是一个通用属性(即几乎所有标签都可以用),设置的文字会在鼠标放到该元素上的时候出现。
  • 互联网论坛http:// www.csdn.net

图像映射技术

  • <a><img></a>标签可以使整张图片链接
  • 映射
    <img src="地址/图片名称" usemap="#m1" />
    <map name="m1">
    形式:<area shape="设定形状" coords="坐标尺寸之类" href="设定该区域的链接 " >
    矩形:
    <areashape="rect" coords="矩形的左上角坐标和右下角坐标" href="01图片标记.html" >
    圆形:
    <area shape="circle" coords="圆心的坐标和半径" href="01图片标记.html">
    多边形:
    <area shape="poly"coords="连续的点的坐标"href="01图片标记.html" >
    </map>

表格技术与初步

表格使用如下3个标签搭配以形成完整的表格基本表现:
<table>
<tr>
<td>这个td中才是放置具体“内容部分”的区域</td>
</tr>
</table>
table:用于“声明”一个表格
tr:用于设定一个表格中的“一行”,多行就使用多个tr配对。
td:用于设定一个行中的“一列”(单元格),多个列就使用多个td。
—— 一个表格可以有多行,一个行可以有多列。
表格中的单元格可以进行“合并”操作,是通过td上的两个属性来实现。
table常用属性:
width:
height:
border:设定表格的边框线,其实会应用整个表格的所有“边框线”(每个单元格)
cellpadding: 设定单元格中的内容与单元格的边框线之间的“间距”,单位是px
cellspacing: 设定相邻的两个元格的边框线之间的“间距”,单位是px
bgcolor=”yellow” 设定表格的总体上的背景颜色
background=”图片地址url”: 设定表格的总体上的背景图
align=”left // center // right”: 设定表格总体上的定位方式。
bordercolor:设定边框线的颜色
td常用属性:
width:
height:
bgcolor=”yellow” 设定单元格的背景颜色
background=”图片地址url”: 设定单元格的背景图
align=”left // center // right”: 设定单元格中的内容的水平对齐方式
valign=”top // middle // bottom”: 设定单元格中的内容的垂直对齐方式
colspan=”5”: 表示该单元格会水平向右边合并5个“原始单元格”,其本身相当于“跨”5个列。
rowspan=”3”: 表示该单元格会垂直向下边合并3个“原始单元格”,其本身相当于“跨”3个行。
tr的属性:不多,也不常用

表格深入

td用于设定一个普通单元格
th用于设定一个“标题单元格”:其中的文字会自动粗体并居中——凡是可以用td,就可以用th

一个表格还可以设定一个“标题”:在table 中使用caption标签,其中可是设定标题文字

实际上,作为表格“table”,其内部的所有行还可以进一步进行“表格区域划分”,通常有3种形式的表格区域:
thead:代表表格的“头部”区域,其中可以放置tr(及其下属)标签。
tbody:代表表格的“中部”区域(主体区域),同样可以放tr——所有没有明确使用分区标签归到某个区域的tr标签,都自动隶属于tbody分区。——也就是说,tbody有可能自动出现。
tfoot:代表表格的“尾部”区域,同样可以放tr

<pre>

<pre>想表现出来的代码区域</pre>

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Vue.js - 标签
Vue.js - 标签
6 0
vue如何更换网页标签的logo
vue如何更换网页标签的logo
160 0
火狐浏览器将网页保存为pdf
火狐浏览器将网页保存为pdf
127 0
那些酷炫的网页你也可以做到——第六篇(表单标签)
那些酷炫的网页你也可以做到——第六篇(表单标签)
30 0
标签之美五——网页表格的设计(二)
标签之美五——网页表格的设计
51 0
网页浏览器选项卡、窗口、标签区别
选项卡:又叫标签,是在同一个浏览器界面同时打开多个页面,用标签的形式显示,点击不同标签就可以切换到不同 页面。  窗口:就是每个网址或链接都打开一个新的浏览器界面。
863 0
JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.
1227 0
简易高重用的jdbcutils工具封装实现类以及简易连接池实现
     由于现在发现做个小项目都是导入n多的依赖包,很烦琐,只想快点开发完一个个的小需求项目,这个时候真心不想用框架,只能自己写个jdbcutils,虽然网上有很多有apache的,阿里的,但是感觉用过后都不怎么顺手,然后自己花了点时间写个新的,不喜勿喷 1.
620 0
87
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载