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. Excel小tips - 如何实现多列成绩统一排名

    本文参考:http://mp.weixin.qq.com/s/XR49hyG9Cods7rOcsM-tRg 如果有以下数据文件,需要进行成绩排名. 第一步:先在成绩列后边添加一列,用来显示名次.如下: ...

  2. poj 3468 A Simple Problem with Integers（线段树、延迟更新）

    A Simple Problem with Integers Time Limit: 5000MS   Memory Limit: 131072K Total Submissions: 74705   ...

  3. CentOS 6.x Radius

    CentOS 6.x Radius 一.   实现环境: 1.系统:CentOS  release  6.6 (Final) 2.需要软件包: 1) freeradius-2.1.12-6.e16.x ...

  4. Navicat for MySQL无法连接到数据库怎么办

    注意端口就是3306,不要改成80之类的,访问数据库就是从这个端口过去的

  5. Project Euler：Problem 61 Cyclical figurate numbers

    Triangle, square, pentagonal, hexagonal, heptagonal, and octagonal numbers are all figurate (polygon ...

  6. FFMpeg2.4.2 on Ubuntu14.04

     FFmpeg 2.4 "Fresnel" – is the leading multimedia framework, cross-platform solution tha ...

  7. centos+nginx+php-fpm+php include fastcgi_params php页面能訪问但空白,被fastcgi_params与fastcgi.conf害慘了

    今天在centos上折腾这块是发现老是訪问页面时,浏览器中提示是200 ok.且訪问html后缀却是正常出现内容. 可是訪问php后缀却返回空白页面,同一时候查看全部的log没有发现不论什么出错信息; ...

  8. js和jquery实现回到顶层

    js <!DOCTYPE html> <html> <head> <title>返回顶部</title> <style> bod ...

  9. AIX下RAC搭建 Oracle10G（五）安装oracle、建立监听

    AIX下RAC搭建系列 AIX下RAC搭建 Oracle10G(五)安装oracle.建立监听 环境 节点 节点1 节点2 小机型号 IBM P-series 630 IBM P-series 630 ...

  10. PHP使用debug_backtrace方法跟踪代码调用

    在开发过程中,例如要修改别人开发的代码或调试出问题的代码,需要对代码流程一步步去跟踪,找到出问题的地方进行修改.如果有一个方法可以获取到某段代码是被哪个方法调用,并能一直回溯到最开始调用的地方(包括调 ...