关于新手html的认识 以及对table的基本用法
1.html语言
<!DOCTYPE html> 声明html
<!--双标签-->
<!--<html 属性名="属性值 " 属性名2="属性值2"></html>
<html>
<head> </head>
</html>-->
<!--单标签-->
<!--<meta 属性名="属性值 " 属性名2="属性值2"/>-->
<meta charset="UTF-8">
charset 编码字符集
UTF-8 万国码
gb2312 中国标准第2312条 中文，韩文....大部分的亚裔语言（繁体字不支持
GBK 在上面的基础之上扩展 可以支持繁体字
unicode 使内存变大
UTF-8
注释的快捷键
选择内容 ctrl+/
所有的连在一起的空格和换行都只会被解析成一个空格
--转义字符
空格
< <
> >
© 版权符
<br /> 单标签 表示换行
行内标签（标记，元素，节点（js中的叫法））
在一行中显示，只有当这一行显示不下的时候才会出现换行
不能设置元素的宽和高，宽和高由内容来撑起来的
行内块标签：在一行中显示，并且可以设置宽和高
<font color="green" size="7">文字标签</font> :对字体进行相关设置、color属性表示颜色、size属性表示大小。
<i>:斜体字标签
<s>:删除线标签
<u>:下滑线标签
<b>:加粗标签
块级标签
自己独占一行
可以宽和高
<div>：表示设置板块的标签
<p>：表示段落的标签
什么是table标签？
table标签在html语言中代表的是表格
<table> 标签支持 HTML 中的全局属性。
1.table的属性
border="n"属性：是对表格中的边框的粗糙进行设置，n代表的是粗细。
witdth="700px" :表示单元格的宽度
height="500" :表示单元格的高度
align="center" :表示对齐方式，center表示居中对齐
<table border="1px" width="700px" height="500px" align="center">
这句话表示的是表格中的边框粗细为1 宽700 高500 居中对齐
2.table中的标签
<caption>我的标题</caption>：表示的是表格中的标题的标签
<tr>:表示行标签
<td>:表示列标签
<p>:段落标签
<ul>:列表标签
<li>:列表标签
<table border="1">
<tr>
<td>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
</td>
<td>这个单元包含一个表格：
<table border="1">
<tr>
<td>A</td>
<td>B</td>
</tr>
<tr>
<td>C</td>
<td>D</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>这个单元包含一个列表：
<ul>
<li>苹果</li>
<li>香蕉</li>
<li>菠萝</li>
</ul>
</td>
<td>HELLO</td>
</tr>
</table>
3.table中标签的属性设置
<table border="1px" width="300px" height="200px">
<caption>nine</caption>
<tbody>
<tr align="center">
<td colspan="2">姓名</td>
<!--colspan="n" 表示跨列合并单元格，n表示跨的行数-->
<!--<td>年龄</td>-->
<td rowspan="2">身高</td>
<!--rowspan="n" 表示跨行合并单元格，n表示跨的行数-->
<td>体重</td>
</tr>
<tr align="center">
<!--align="center" align表示对齐属性，center表示居中对齐，left表示居左对齐，right表示居右对齐-->
<td>11</td>
<td>22</td>
<td>33</td>
<td>44</td>
</tr>
</tbody>
</table>
</body>
关于新手html的认识 以及对table的基本用法的更多相关文章
- Azure Table storage 基本用法 -- Azure Storage 之 Table
Azure Storage 是微软 Azure 云提供的云端存储解决方案,当前支持的存储类型有 Blob.Queue.File 和 Table,其中的 Table 就是本文的主角 Azure Tabl ...
- 给iOS开发新手送点福利,简述文本属性Attributes的用法
给iOS开发新手送点福利,简述文本属性Attributes的用法 文本属性Attributes 1.NSKernAttributeName: @10 调整字句 kerning 字句调整 2.NSF ...
- Lua表（table）的用法_个人总结
Lua表(table)的用法_个人总结 1.表的创建及表的介绍 --table 是lua的一种数据结构用来帮助我们创建不同的数据类型.如:数组和字典--lua table 使用关联型数组,你可以用任意 ...
- table的各种用法
使用 colgroup 和 col 实现响应式表格(table的各种用法):http://coderlt.coding.me/2017/11/20/table-colgroup/
- SqlServer Alter Table 语句的用法
更改 字段的数据类型 Alter Table TB_ITM_ITEM alter column is_timing int NULL; 新增字段: alter table WeiboSmartCate ...
- layui(四)——table组件常见用法总结
table是 layui 最核心的组成之一.它用于对表格进行一些列功能和动态化数据操作,涵盖了日常业务所涉及的几乎全部需求.支持固定表头.固定行.固定列左/列右,支持拖拽改变列宽度,支持排序,支持多级 ...
- 给iOS开发新手送点福利,简述UITableView的属性和用法
UITableView UITableView内置了两种样式:UITableViewStylePlain,UITableViewStyleGrouped <UITableViewDataSo ...
- alter table add constraint 用法
1.主键约束: 要对一个列加主键约束的话,这列就必须要满足的条件就是分空 因为主键约束:就是对一个列进行了约束,约束为(非空.不重复) 以下是代码 要对一个列加主键,列名为id,表名为emp 格式 ...
- alter table *** add constraint *** 用法---约束
1.主键约束:要对一个列加主键约束的话,这列就必须要满足的条件就是分空因为主键约束:就是对一个列进行了约束,约束为(非空.不重复)以下是代码 要对一个列加主键,列名为id,表名为emp 格式为:a ...
随机推荐
- JAVA_构造方法
构造方法: 作用:是给对象的数据进行初始化用的. 特点:1 必须和类的名字一样. 2 和真正的方法是有所不同的,构造方法是没有返回值的类型的 eg: 方法:public void User ( ...
- google 上网
https://chrome.google.com/webstore/detail/%E5%BC%80%E7%9C%BC/kpamljbkjaaljbcgobdealnpalcgicna?hl=zh- ...
- cors跨域深刻理解
1.跨域问题只出现在前端和后端不在同一个主机上.前后端在同一个主机上不会出现跨域问题. 2.浏览器的一种自我保护机制,不允许出现本地浏览器ajax异步请求访问127.0.0.1以外的系统,因为浏览器不 ...
- Defcon 23最新开源工具NetRipper代码分析与利用
0×01 研究背景 在分析了俄罗斯人被曝光的几个银行木马的源码后,发现其大多均存在通过劫持浏览器数据包来获取用户个人信息的模块,通过截获浏览器内存中加密前或解密后的数据包来得到数据包的明文数据.在De ...
- 偏差-方差分解Bias-Variance Decomposition
转自: http://www.cnblogs.com/jmp0xf/archive/2013/05/14/Bias-Variance_Decomposition.html
- Android Studio 经常使用手冊
经常使用小操作 单词选择 显示近期操作 改动的文件 文件查找 操作记录 移动行 查找方法调用处 方法的跟进 显示方法的參数 行的高速操作 多行操作 高速补全完毕 代码提示 变量的高速操作 代码折叠 预 ...
- 畅通project续
Time Limit : 3000/1000ms (Java/Other) Memory Limit : 32768/32768K (Java/Other) Total Submission(s) ...
- 汉诺塔 Tower of Hanoi
假设柱子标为A,B.C.要由A搬至C,在仅仅有一个盘子时,就将它直接搬至C:当有两个盘子,就将B作为辅助柱.假设盘数超过2个.将第二个下面的盘子遮起来,就非常easy了.每次处理两个盘子,也就是:A- ...
- Java基础实例
打印等腰三角形代码 public class ForForTest{ public static void main(String []args){ for(int x=0;x<5;x++){ ...
- 【java项目实战】一步步教你使用MyEclipse搭建java Web项目开发环境（一）
首先.在開始搭建MyEclipse的开发环境之前.还有三步工具的安装须要完毕,仅仅要在安装配置成功之后才干够进入以下的java Web项目开发环境的搭建. 1.安装工具 第一步,下载并安装JDK,到官 ...