html表格 | 易学教程

前端练习——简单的四则运算计算器

阅读更多关于前端练习——简单的四则运算计算器

文章目录 1. 页面布局表格学习按钮属性通过前置的HTML、CSS、JS的简单学习，大概了解了这三者简单的使用方式。现在来写一个简单的四则运算计算器。如果顺利的话，预期下一次完成：带清零、清除、连续计算和计算历史的计算器；科学计算器。 1. 页面布局表格学习预期的输入栏样式：参考 html标签列表，参考 table 标签的相关用法： < table 表格属性，如宽度、空白间距 > < tr > 第1行 < th > 行内第1格 </ th > < th > 行内第2格 </ th > </ tr > </ table > 简单的 HTML 表格由 table 元素以及一个或多个 tr 、 th 或 td 元素组成。 tr 元素定义表格行， th 元素定义表头， td 元素定义表格单元。更复杂的 HTML 表格也可能包括 caption 、 col 、 colgroup 、 thead 、 tfoot 以及 tbody 元素。元素作用 tr 定义表格中的行 th 定义表格中的表头单元格 td 定义表格中的单元 caption 定义表格标题 col 定义表格中一个或多个列的属性值 colgroup 定义表格中供格式化的列组 thead 定义表格中的表头内容 tfoot 定义表格中的表注内容（脚注） tbody 定义表格中的主体内容这里将 table

html标签及网页语义化理解

阅读更多关于 html标签及网页语义化理解

　　最近重新看了一遍html标签的知识，有很多新的体会，对语义化有了一个新的理解。那么什么叫做语义化呢，说的通俗点就是：明白每个标签的用途（在什么情况下使用此标签合理）比如，网页上的文章的标题就可以用标题标签，网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段落就得放在段落标签中，在文章中有想强调的文本，就可以使用 em 标签表示强调等等。　　语义化的好处主要有两个方面: 1. 更容易被搜索引擎收录。 2. 更容易让屏幕阅读器读出网页内容。(屏幕阅读器是一种软件，用来将文字、图形以及电脑接口的其他部分（借文字转语音技术）转换成语音及/或点字。) 下面是我对html标签的一个理解总结：标签的语法: 　　　1. 标签由英文尖括号 < 和 > 括起来，如 <html> 就是一个标签。 2. html中的标签一般都是成对出现的，分开始标签和结束标签。结束标签比开始标签多了一个 / 。 3. 标签与标签之间是可以嵌套的，但先后顺序必须保持一致，如：<div>里嵌套<p>，那么</p>必须放在</div>的前面。 4. HTML标签不区分大小写， <h1> 和 <H1> 是一样的，但建议小写，因为大部分程序员都以小写为准。 html结构: 1. <html></html> 称为根标签，所有的网页标签都在<html></html>中。 2. <head> 标签用于定义文档的头部

HTML编程(2)-学习

阅读更多关于 HTML编程(2)-学习

HTMl图像在HTML中，图像由 <img> 标签定义。 <img> 是空标签，意思是说，它只包含属性，并且没有闭合标签。要在页面上显示图像，你需要使用源属性(src)。src指“source”。源属性的值是图像的URL地址。定义图像的语法是： <img src="url" /> URL指存储图像的位置，如果名为"boat.gif"的图像位于www.w3school.com.cn的images目录中，那么其URL为 http://www.w3school.com.cn/images/boat.gif。示例： 1）背景图片： <html> <body background="/i/eg_background.jpg"> <h3>图像背景</h3> <p>gif 和 jpg 文件均可用作 HTML 背景。</p> <p>如果图像小于页面，图像会进行重复。</p> </body> </html> 结果如下：图像背景 gif 和 jpg 文件均可用作 HTML 背景。如果图像小于页面，图像会进行重复。 2）排列图片： <html> <body> <h2>未设置对齐方式的图像：</h2> <p>图像 <img src ="/i/eg_cute.gif"> 在文本中</p> <h2>已设置对齐方式的图像：</h2> <p>图像 <img src="/i/eg_cute.gif"

html知识

阅读更多关于 html知识

标签标签的基本内容　　1.由<>包裹、字母开头、可以结合数字和合法字符的能被浏览器解析的标记　　　　合法字符：字母、数字、- 　　2.标签是有语义的　　　　<br>：换行　　<hr>：分隔线　　3.标签是有作用范围的　　　　<h1>中间就是标签的作用范围，由标签来控制，具有默认样式</h1> 　　4.标签可以修改内容样式　　　　<p style = "color: red">000</p>　就可以把中间的文本字体改成红色标签分类及常用标签标签有单双标签之分：　　--.单标签无需内容，主(功能)，可以省略标签的结束符/　　　　　eg：<br/> 可以省略成 <br> 　　--.双标签主(内容)，需要有作用域，必须明确结束标签　　　　<a></a> 开始结束标签之间就是他的作用域常用标签页面结构相关的系统标签 1.页面根标签：<html></html> 2.页面头标签：<head></head> 3.页面体标签：<body></body> 4.页面标题标签：<title></title> 5.元标签：<meta > 6.链接标签：<link > 7.样式标签：<style></style> 8.脚本标签：<script></script> 简单的系统标签 1.标题标签：<h1></h1> ....<h6></h6> 2.段落标签：<p></p> 3.换行标签

jquery 制作的表格效果

阅读更多关于 jquery 制作的表格效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { //表头 $("#salary tr:eq(0)").css({ "font-size": "30px", "text-align": "center" }) //最后一行 $("#salary tr:last").css("color", "red"); //排除表头的前三行 $("#salary tr:not(:first):lt(3)").css("font-size", "22px"); var str = "#salary tr:not(:first):not(:last)"; //隔行换色 $(str + ":even").css("background

HTML回顾之表格

阅读更多关于 HTML回顾之表格

HTML表格由什么组成？表格由<table>标签来定义。每个表格有若干行(<tr>标签来定义)，每行被分割成若干单元格(<td>标签来定义)。 td值表格数据，包含文本、图片、列表、段落、表单、水平线、表格等等。表格实例 <TABLE BORDER=1 WIDTH=80%> <CAPTION>表格</CAPTION> <COLGROUP> <COL SPAN='1' STYLE='BACKGROUND-COLOR:RED'></COL> <COL SPAN='2' STYLE='BACKGROUND-COLOR:YELLOW'></COL> </COLGROUP> <THEAD> <TR> <TH>标题 1</TH> <TH COLSPAN="2">标题 2</TH> </TR> </THEAD>

JavaScript（二）——创建表格

阅读更多关于 JavaScript（二）——创建表格

<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> </style> <script type="text/javascript" src="J.js"></script> <script type="text/javascript"> // json格式的字符串 var str = '[{name:"张三",sex:"男",age:19},{name:"李四",sex:"男",age:29},{name:"杨中科",sex:"男",age:39}]'; onload = function() { // 生成一个table，然后追加到body中 // 一开始就需要生成一个table // 里面遍历json对象生成里面的tr // 每一个json对象中的每一个成员(for-in)得到td标签 // 1、生成table var table = document.createElement("table"); table.border = "1"; // 2、得到json格式的对象 var jsons = new Function("return " + str)(); // 3、循环这个数组 for(var i = 0; i < jsons.length; i++) { // 4、生成每一个行 //

HTML 表格

阅读更多关于 HTML 表格

HTML 表格表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 HTML 表格表头表格的表头使用 <th> 标签进行定义。大多数浏览器会把表头显示为粗体居中的文本： HTML 表格标题、表格的表头使用 <caption>标签进行定义。大多数浏览器会把表头显示为居中的文本： <table border="1"> <caption>Monthly savings</caption> <tr> 　　　　<th>Header 1</th> 　　　　<th>Header 2</th> </tr> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table> 跨行或跨列的表格单元格 <body> <h4>单元格跨两格:</h4> <table border="1"> <tr> <th>Name</th> <th colspan="3">Telephone</th> 表头下面有三列 </tr

web快速入门之基础篇-html：9、表格-常用属性：border、width、height

阅读更多关于 web快速入门之基础篇-html：9、表格-常用属性：border、width、height

一、前言上一篇文章我整理以前的笔记是：表格-定义和用法、基本结构，详细可参考博文 web快速入门之基础篇-html：8、表格-定义和用法、基本结构这篇文章我将整理笔记：表格-常用属性二、实例演示实例代码我们先来看看一个例子，如下代码：02_border、width、height.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>这是title标题</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> </head> <body> <h3>---表格常用属性：border、width、height---</h3> <table border="1" width="300" height="250"> <tr> <td>a</td> <td>abc</td> </tr> <tr> <td>c</td> <td>cde</td> </tr> </table><br/> </body> </html> 效果演示用谷歌浏览器打开运行，效果如下：

HTML（七）------ 表格

阅读更多关于 HTML（七）------ 表格

表格表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 <table border="1"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table> 在浏览器显示如下： row 1, cell 1 row 1, cell 2 row 2, cell 1 row 2, cell 2 表格和边框属性如果不定义边框属性，表格将不显示边框。有时这很有用，但是大多数时候，我们希望显示边框。使用边框属性来显示一个带有边框的表格： <table border="1"> <tr> <td>Row 1, cell 1</td> <td>Row 1, cell 2</td> </tr> </table> 表格的表头表格的表头使用 <th> 标签进行定义。大多数浏览器会把表头显示为粗体居中的文本： <table border="1"> <tr> <th>Heading</th> <th

订阅 html表格