HTML表格简单的创建与制作

一、转义字符.
由<> 包裹的文本会当做标签去解析
空格： (不换行空格： ) (半角空格: ) (全角空格: )
左尖括号(&lt）：<
右尖括号（&gt）：>

空格： &nbsp;(不换行空格：&nbsp;)  &ensp;(半角空格:&ensp;)  &emsp;(全角空格:&emsp;)
左尖括号(&lt）：&lt;
右尖括号（&gt）：&gt;

二、行内元素和块级元素
1.块级标签
默认情况下，每一个块级元素都是独占一行的即元素的前后都会换行都有 align 属性
例：段落标签： p
标题标签：h1~h6
分割线标签： hr
盒子标签：div
2.行内标签
不会换行可以和其他的标签或文本在一行内显示
加粗标签： b
倾斜标签： i
删除线标签： s
上标记标签： sup
下标记标签： sub
span标记标签
*注意事项（编程规则）
p标记不能嵌套块级元素 w3c的规范一个段落里面不能放另外一个文章

三、web浏览器

谷歌：Google Chrome(内核：Blink)
火狐：Firefox(内核：Gecko)
ie :Internet Explor(内核：Trident)
欧朋 : Opera(内核：Presto已废弃；现用:Blink)
苹果 : Safari (内核：Webkit)

四、超链接标签

<a href = "http://www.baidu.com" target=""></a>
URL  统一资源定位符
三种表现  绝对路径解释：从文件所在的最高级目录下开始的完整路径1.1访问互联网上的资源2.2访问本机的资源相对路径解释：文件所在的位置开始查找 资源文件所在的位置经过的路径1.1当前文件和资源文在同目录下   直接可以用名称引用2.2资源文件在当前目录的子目录中  先进入，再引用3.3 资源文件在当前文件的父目录中  先返回 再引用  ../ 返回上一级  ../../  ../../../根相对路径在服务器上面使用的，只有服务器端才能用得到表现  /作为开始/img/ben.jpg   在项目中先找到一个img的文件夹  再找btn的图片
锚点：作用：  在网页中的任意位置添加记号 可由任意位置跳转到该记号使用：1.定义锚点<a  name="记号“></a>其他标签里面用  id 属性2.在另外一个地方跳转<a href="#记号的名称"></a>

五、跑马灯标签
作用：将文本在页面上流动显示（滚动播放）
用法： marquee标签
属性： scrollamount 速度
behavior 样式
颜值主播乔碧萝
篮球高手蔡徐坤
无情铁手余小C
反向抽烟PDD
金牌讲师大司马

    <marquee scrollamount="20" behavior="alternate"><font size="5" face="    华文彩云" color="pink"> 颜值主播乔碧萝</font></marquee><marquee scrollamount="15" behavior="scroll">篮球高手蔡徐坤</marquee><marquee scrollamount="25" behavior="slide">无情铁手余小C</marquee><marquee scrollamount="10">反向抽烟PDD</marquee><marquee scrollamount="20">金牌讲师大司马</marquee>

六、图片标签。

作用：在页面上 添加一张图片用法：  <img src="提取图片的地址" width="宽度" height ="高度" align="相对于左右文字的位置"/>图片的格式：  jpg有损压缩   png无损压缩的图片支持透明度  gif动图

七、表格

不规则表格

1、表格的作用
按照一定的格式摆放数据
表格是由一些被称为单元格的矩形框组成
按照从左到右，从上到下的顺序排列到一起组成的。
2、创建表格
1.定义表格  table
2.创建行    tr
3.创建单元格td3、表格属性table属性border：边框cellpadding：单元格的内边距（单元格边框与内容之间的距离）cellspacing：单元格的外边距(单元格之间的距离)width:宽度height：高度align：对齐方式（整个表格）bgcolor 背景颜色（纯色填充）bordercolor 边框颜色background： 背景图片tr属性（行）tr是没有宽高属性的align:水平对齐方式(内容)valign:垂直对齐方式td属性（单元格）width :每个单元格的宽度height：每个单元格的高度align:水平（单个单元格的内容）valign:垂直不规则表格的创建1.跨行  rowspan属性  纵向向下  包含自己2.跨列  colspan属性  横向向右  包含自己例：<table border="1" cellspacing="0" cellpadding="0"width="600" height="600" align="center"><tr><td colspan="5"></td></tr><tr><td colspan="2" width="40%"  ></td><td colspan="3"></td></tr><tr><td rowspan="3" colspan="2"></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td>   </tr><tr><td rowspan="2" colspan="2"></td><td ></td><td></td><td></td></tr><tr><td ></td><td></td><td></td></tr></table>表格标题
语法：<caption></caption>
注意：表格标题必须跟在 table后面   而且最多只能有一个。

HTML表格简单的创建与制作相关推荐

HTML使用表格简单的制作个人简历
HTML使用表格简单的制作个人简历 ●前提掌握HTML 表单制作 ●基础知识表单标签表格标签 ●演示效果 ●代码演示注:本文仅供参考!
用计算机处理表格说课稿,《制作表格》说课稿
在教师招聘考试的过程中,高中信息说课稿的复杂度就在于如何处理理论与实践的关系,希望这篇<制作表格>说课稿能给予你帮助. 各位考官大家好! 我是××号考生,今天我说课的题目是<制作表格 ...
计算机Excel设置透视图,电脑Excel表格中数据透视图怎么制作
电脑Excel表格中数据透视图怎么制作腾讯视频/爱奇艺/优酷/外卖充值4折起我们在使用excel表格办公的时候,有时候会需要使用到数据透视表.今天小编就告诉大家电脑Excel表格中数据透视图怎么 ...
【C#】简单二维码制作和打印
系列文章 [C#]条码管理操作手册本文链接:https://blog.csdn.net/youcheng_ge/article/details/126589496 [C#]IIS平台下,WebAPI ...
使用kali的工具攻击win10_使用“媒体创建工具”制作Win10系统安装U盘
MS酋长前面已经介绍过"使用微软媒体创建工具下载原版Win10 ISO镜像"的方法,其实使用该工具还可以轻松制作Win10系统安装U盘.下面MS酋长就来演示一下如何使用媒体创建工具 ...
表格列求和_excel表格制作,Excel表格的基本操作，包含制作一个表格10方面的知识...
创建表格,插入与删除一行一列或多行多行,一次移动一行一列或多行多列,拆分与合并单元格,单元格内换行,表格求和与求平均值是Excel表格的基本操作:除此之外,Excel表格的基本操作还包括调整行高列宽. ...
[原创]FineUI秘密花园（二十一） — 表格之动态创建列
有时我们需要根据数据来动态创建表格列,怎么来做到这一点呢?本章会详细讲解. 动态创建的列还是通过一个示例来看下如何在FineUI中动态创建表格列,示例的界面截图: 先来看下ASPX的标签定义: 1: ...
表格列求和_Excel表格的基本操作，包含制作一个表格10方面的知识
创建表格,插入与删除一行一列或多行多行,一次移动一行一列或多行多列,拆分与合并单元格,单元格内换行,表格求和与求平均值是Excel表格的基本操作:除此之外,Excel表格的基本操作还包括调整行高列宽. ...
禅道设置bug模板_禅道的自定义功能:表格切换和创建页面的自定义
原标题:禅道的自定义功能:表格切换和创建页面的自定义禅道8.2beta版本开始,增强了自定义功能. 用户可以根据自己的使用需要个性化设置禅道页面所显示的功能模块和字段. 可自定义的项如下: 导航菜单 ...

HTML表格简单的创建与制作

HTML表格简单的创建与制作相关推荐

最新文章

热门文章