博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于新手html的认识 以及对table的基本用法
阅读量:5272 次
发布时间:2019-06-14

本文共 1846 字,大约阅读时间需要 6 分钟。

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>

 

转载于:https://www.cnblogs.com/Godfather-twq/p/10932027.html

你可能感兴趣的文章
python 之 循环语句
查看>>
心得25--JDK新特性9-泛型1-加深介绍
查看>>
[转]ceph网络通信模块_以monitor模块为例
查看>>
HDOJ 1754 I Hate It(线段树基本操作)
查看>>
latex tree
查看>>
安装NVIDIA驱动时禁用自带nouveau驱动
查看>>
HDU-1255 覆盖的面积 (扫描线)
查看>>
css3学习01
查看>>
【USACO】 奶牛会展
查看>>
继承和多态
查看>>
Dijkstra+计算几何 POJ 2502 Subway
查看>>
修复IE不能执行JS的方法
查看>>
程序员究竟该如何提高效率zt
查看>>
希尔排序法(缩小增量法)
查看>>
PHP编程基础学习(一)——数据类型
查看>>
MongoDB-JAVA-Driver 3.2版本常用代码全整理(2) - 查询
查看>>
NPOI处理Word文本中上下角标
查看>>
Android笔记 Handler
查看>>
如何阅读大型前端开源项目的源码(转)
查看>>
java.util.Arrays类详解
查看>>