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+/

所有的连在一起的空格和换行都只会被解析成一个空格

--转义字符
&nbsp; 空格
&lt; <
&gt; >
&copy; 版权符

<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的基本用法的更多相关文章

  1. Azure Table storage 基本用法 -- Azure Storage 之 Table

    Azure Storage 是微软 Azure 云提供的云端存储解决方案,当前支持的存储类型有 Blob.Queue.File 和 Table,其中的 Table 就是本文的主角 Azure Tabl ...

  2. 给iOS开发新手送点福利,简述文本属性Attributes的用法

    给iOS开发新手送点福利,简述文本属性Attributes的用法   文本属性Attributes 1.NSKernAttributeName: @10 调整字句 kerning 字句调整 2.NSF ...

  3. Lua表(table)的用法_个人总结

    Lua表(table)的用法_个人总结 1.表的创建及表的介绍 --table 是lua的一种数据结构用来帮助我们创建不同的数据类型.如:数组和字典--lua table 使用关联型数组,你可以用任意 ...

  4. table的各种用法

    使用 colgroup 和 col 实现响应式表格(table的各种用法):http://coderlt.coding.me/2017/11/20/table-colgroup/

  5. SqlServer Alter Table 语句的用法

    更改 字段的数据类型 Alter Table TB_ITM_ITEM alter column is_timing int NULL; 新增字段: alter table WeiboSmartCate ...

  6. layui(四)——table组件常见用法总结

    table是 layui 最核心的组成之一.它用于对表格进行一些列功能和动态化数据操作,涵盖了日常业务所涉及的几乎全部需求.支持固定表头.固定行.固定列左/列右,支持拖拽改变列宽度,支持排序,支持多级 ...

  7. 给iOS开发新手送点福利,简述UITableView的属性和用法

    UITableView UITableView内置了两种样式:UITableViewStylePlain,UITableViewStyleGrouped   <UITableViewDataSo ...

  8. alter table add constraint 用法

    1.主键约束: 要对一个列加主键约束的话,这列就必须要满足的条件就是分空 因为主键约束:就是对一个列进行了约束,约束为(非空.不重复) 以下是代码   要对一个列加主键,列名为id,表名为emp 格式 ...

  9. alter table *** add constraint *** 用法---约束

    1.主键约束:要对一个列加主键约束的话,这列就必须要满足的条件就是分空因为主键约束:就是对一个列进行了约束,约束为(非空.不重复)以下是代码   要对一个列加主键,列名为id,表名为emp 格式为:a ...

随机推荐

  1. Best Time to Buy and Sell Stock(动态规划)

    Say you have an array for which the ith element is the price of a given stock on day i. If you were ...

  2. HashMap排序的问题

    那么已知一个HashMap<Integer,User>集合, User有name(String)和 age(int)属性.请写一个方法实现对HashMap 的排序功能,该方法接收 Hash ...

  3. Java面试题总结之OOA/D,UML,和XML

    全文字数:   2732 阅读时间:   大约9 分钟 1.UML 是什么?常用的几种UML图? 统一建模语言(Unified Modeling Language,UML)又称标准建模语言:常用图包括 ...

  4. [RxJS] Implement RxJS `mergeMap` through inner Observables to Subscribe and Pass Values Through

    Understanding sources and subscribers makes it much easier to understand what's going on with mergeM ...

  5. Office EXCEL 2010如何启用宏编辑器,打开VB编辑器

    文件-选项-主选项卡,勾选开发工具 然后在开发工具中找到Visual Basic编辑器,打开代码

  6. 我所写的CNN框架 VS caffe

    我所写的CNN框架 VS caffe 一个月前.自己模仿caffe实现了一个卷积神经网络的框架. 同样点 1无缝支持CPU和GPU模式,GPU模式使用cuda实现. 不同点 1我的CNN不依赖与不论什 ...

  7. 快看Sample代码,速学Swift语言(2)-基础介绍 快看Sample代码,速学Swift语言(1)-语法速览

    快看Sample代码,速学Swift语言(2)-基础介绍 Swift语言是一个新的编程语言,用于iOS, macOS, watchOS, 和 tvOS的开发,不过Swift很多部分内容,我们可以从C或 ...

  8. 全栈JavaScript之路(十六)HTML5 HTMLDocument 类型的变化

    HTML5 扩展了 HTMLDocument, 添加了新的功能. 1.document.readState = 'loading' || 'complete'  //支持readyState 属性的浏 ...

  9. 为什么java构造函数的构造器只能在第一行写this() 或者super() ?

    最近在看内部类, 但是被“为什么匿名内部类或者局部内部类使用方法的局部变量时, 局部变量一定得是final类型”困扰着, 在网上查找资料的时候, 发现我对类初始化完全不了解, 之前的认识都是错误! 所 ...

  10. 改进Source Insight对汉字的支持

    转自:http://blog.chinaunix.net/u/8681/showart_1356633.html http://blog.163.com/zhuzhihuacan@126/blog/s ...