html建一个表格的代码(html创建表格代码)

　　一，网页基础结构：

　　1 <html>

　　2 <head>

　　3 <title>我的第一个网页</title>

　　4 </head>

　　5 <body>

　　6 这是我的第一个网页

　　7 </body>

　　8 </html>

　　注意：在HTML中，标签大部分都是成对出现的。有开始就有结束如果不是成对出现的标签，在标签的后面加上/表示结束。

　　二、基本标签

　　1、h1-h6 标题标签

　　2、em 斜体

　　3、strong 粗体

　　4、hr 切割线

　　5、br 换行

　　6、p 段落标签

　　7、  特殊符号，空格

　　8、> 特殊符号,>

　　9、< 特殊符号，<

　　10、" 特殊符号，"

　　11、© 特殊符号，版权符号

12、注释

　　13、img 图片标签属性：src:图片的路径，alt:当图片找不到时，显示的文字title:鼠标悬浮显示的文字用法：<img src="..." alt="..." title="..."/>

　　14、a 超链接标签

　　属性：href:链接到哪里去

　　用法：<a src="...">链接</a>锚链接先在一个位置写上<a name="?"></a>然后另一个位置写上<a href="?"></a>点击这个链接，会找到这个？所在的位置用法：<a name="?">链接到这了来</a><a href="?">从这了链接</a>

　　15、ul-li 无序列表

　　用法：<ul><li>列表项1</li>.......<li>列表项n</li></ul>

　　注意：没有顺序，每一个li就是一行默认情况下，每一个li前面都有一个实心小点

html建一个表格的代码(html创建表格代码),html建一个表格的代码(html创建表格代码),html建一个表格的代码,第1张

　　16、ol-li 有序列表

　　用法：<ol><li>列表项1</li>.......<li>列表项n</li></ol>就是将无序列表的实心小点换成了序号

　　17、dl-dt-dd定义列表

　　用法：<dl><dt>标题1</dt><dd>内容1</dd><dt>标题2</dt><dd>内容2</dd></dl>实现

　　效果：标题1内容1标题2内容2

　　18、表单元素

　　a、text 单行文本框

　　b、password 密码框

　　c、radio 单选按钮

　　d、file 文件选择器

　　e、checkbox 复选框

　　f、select 下拉列表

　　g、submit 提交按钮

　　h、reset 重置按钮

　　i、textarea 文本域

　　用法：<textarea cols="50" rows="20">12345678941515641</textarea>

　　j、form标签提交标签

　　语法：<form method="提交方法" action="要提交到哪里去"></form>如果action为空，则表示提交到当前页面method

　　可选属性：post、getpost安全性高，提交的信息不会显示在地址栏get安全性较低，提交的信息显示在地址栏如果不写method属性，默认是getk、input标签

　　可选值：就是表单元素a-il、select 下拉列表

　　用法：<select><option>2016</option><option>2015</option><option>2014</option></select>m、<label>名字：<input type = "text"/></label> 关联表单

　　作用：点击名字这两个字，鼠标会聚焦在名字后面的文本框中

　　三、注意：

　　1、标签名应该小写

　　2、HTML标签应闭合（结束）

　　3、标签应正确嵌套

　　四、表单属性

　　1、readonly="readonly" 只读

　　2、disabled="disabled" 禁用

　　五、表格

　　1、什么是表格？最简单的就是队列，表格之间，可以写东西

　　2、表格怎么使用？先画一个大框，再画每一行，再画每一列<table><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr></table>

　　3、数据或者说是元素都可以放在td里面

　　4、table的一些

　　属性：width：设置宽度border：边框的粗细align：对齐方式，最常见的，center，水平对齐valign:对齐方式，最常见的，center，上下对齐cellspacing="20" ：格子与格子之间的距离，默认值是0cellpadding="20"：内容与格子之间的距离，默认值也是0bgcolor：更改背景颜色

　　5、合并：colspan="2"：合并单元格，横着合并rowspan="2"：合并单元格，竖着合并

　　中公教育2017年春季大学生就业促进计划，详情请咨询：https://www.ujiuye.com/zt/jyfc/

　　想了解更多IT知识，更多就业知识可关注：

　　优就业官网：https://www.ujiuye.com/

　　在线学习：https://xue.ujiuye.com/

　　优知知识库：http://zhi.ujiuye.com/

　　我只想做一个安静的IT优就业小编，不倾国不倾城，只分享干货、答疑解惑，偶尔逗个比，快来爱我！QQ:2031780491

　　SEO大咖这里找，技术指导&纯正干货，等你来取！

　　SEO实战交流群：427456220 480542626