HTML基础和表格

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body topmargin="200" leftmargin="200"><a name="top"></a>
今天天气不错<br />
<font color="red" size="35">
<b>文字加粗方式1,b标签</b><br />
<strong>文字加粗方式2,strong标签</strong><br />
<i>文字倾斜方式1,i标签</i><br />
<em>文字倾斜方式2,em标签</em><br />
<u>文字加下划线,u标签</u><center>center居中标签,默认前后若有其他,执行前后换行,保证自身是一个整体,然后进行居中显示</center>123
<p>p标签,段落标签,默认前后若有其他,执行前后换行并且空开一行</p>
123<ol>ol有序列表
<li>默认自带序号</li>
<li>自动换行</li>
<li>默认前后若有其他,执行前后换行并且空开一行</li>
</ol>123
<ul>ul无序列表
<li>默认不自带序号</li>
<li>自动换行</li>
<li>默认前后若有其他,执行前后换行并且空开一行</li>
</ul>456<br />
<a href="http://www.baidu.com/" target="_blank">百度一下</a><br />
<img src="n0.jpg" title="这是一头牛" alt="zheshiyitouniu" /><br />
<a href="http://360.com"><img src="n0.jpg" width="325" /></a><br />
<img src="n0.jpg" width="400" height="150" />
</font>
<h1>h1~h6标签,标题控制标签</h1>
<h2>重要性依次减小</h2>
<h3>默认前后若有其他,执行前后换行并且空开一行</h3>
<h4>在大环境内的字体大小的基础之上进行加或者减</h4>
<div style="background-color:#0F6">div层标签,默认一上来就占用一行</div>
<span style="background-color:#936">span层标签,使用多少就占用多少</span><br /><br />

<table align="center" width="480" height="90" border="1" cellpadding="0" cellspacing="0">
<tr align="center">
<td width="120"><a href="http://autohome.com/">汽车之家</a></td>
<td width="120">易车网</td>
<td width="120">太平洋汽车</td>
<td rowspan="2">新浪汽车</td>
</tr>
<tr align="center">
<td>58同城</td>
<td>赶集网</td>
<td>百姓网</td>
</tr>
<tr align="center">
<td colspan="2">淘宝</td>
<td>唯品会</td>
<td>聚美优品</td>
</tr>
</table>

<br />

<a href="#top">返回最顶端</a>
</body>
</html>

font

文字加粗方式1,b标签
文字加粗方式2,strong标签
文字倾斜方式1,i标签
文字倾斜方式2,em标签
文字加下划线,u标签

center居中标签,默认前后若有其他,执行前后换行,保证自身是一个整体,然后进行居中显示

p标签,段落标签,默认前后若有其他,执行前后换行并且空开一行

span层标签,使用多少就占用多少

标题

h1~h6标签,标题控制标签

重要性依次减小

默认前后若有其他,执行前后换行并且空开一行

在大环境内的字体大小的基础之上进行加或者减

 超链接标签

一,锚点标签 <a name=“”?/></a>

 二,锚点链接 <a href=“目标链接的name值"></a>

图片标签

<img src="图片地址"  title =”文字“ alt="文字" width="" heigh=""/>

title 用来为元素提供额外说明信息

alt 为了给那些不能看到你文档中图像的浏览者提供文字说明

 

表格

对齐方式alignwidth ;高height边宽border边距cellpadding ;间距cellspacing

 

水平对齐方式align  ;竖直对齐方式 valign  ;行高height

单元格

<th></th>表头,内容自动居中加粗

水平对齐方式align  ;竖直对齐方式 valign  ;行高height

colspan 合并水平单元格;rowspan合并竖直单元格

 

时间: 2024-10-09 00:28:28

HTML基础和表格的相关文章

html基础 为表格创建标题

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"

Bootstrap &lt;基础五&gt;表格

Bootstrap 提供了一个清晰的创建表格的布局.下表列出了 Bootstrap 支持的一些表格元素: 标签 描述 <table> 为表格添加基础样式. <thead> 表格标题行的容器元素(<tr>),用来标识表格列. <tbody> 表格主体中的表格行的容器元素(<tr>). <tr> 一组出现在单行上的表格单元格的容器元素(<td> 或 <th>). <td> 默认的表格单元格. <t

HTML基础2(表格)

HTML 表格 HTML 图像 HTML 列表 你可以使用 HTML 创建表格. 实例 表格 这个例子演示如何在 HTML 文档中创建表格. 表格边框 本例演示各种类型的表格边框. (可以在本页底端找到更多实例.) 表格 表格由 <table> 标签来定义.每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义).字母 td 指表格数据(table data),即数据单元格的内容.数据单元格可以包含文本.图片.列表.段落.表单.水平

mysql5.7基础 删除表格中某列为指定数据的 一行

镇场文:       学儒家经世致用,行佛家普度众生,修道家全生保真,悟易理象数通变.以科技光耀善法,成就一良心博客.______________________________________________________________________________________________________ Operating System:UbuntuKylin 16.04 LTS 64bitmysql: Ver 14.14 Distrib 5.7.17, for Linux (

mysql5.7基础 更新表格中某列为指定数据的 一行

镇场文:       学儒家经世致用,行佛家普度众生,修道家全生保真,悟易理象数通变.以科技光耀善法,成就一良心博客.______________________________________________________________________________________________________ Operating System:UbuntuKylin 16.04 LTS 64bitmysql: Ver 14.14 Distrib 5.7.17, for Linux (

HTML基础(表格与表单)

1.3.表格与表单 1.3.1.表格 <table></table> 表格 width:宽度.可以用像素或百分比表示.常用960像素. border:边框.常用值0. cellpadding:内容跟单元格边框的边距.常用值0. cellspacing:单元格之间的间距.常用值0. align:对齐方式. bgcolor:背景色. background:背景图片. <tr></tr> 行 align:一行的内容的水平对齐方式 valign:一行的内容的垂直对齐

Bootstrap3基础 table-condensed 表格中的单元格紧凑一些

礼悟:    公恒学思合行悟,尊师重道存感恩.叶见寻根三返一,江河湖海同一体.          虚怀若谷良心主,愿行无悔给最苦.读书锻炼养身心,诚劝且行且珍惜.              ide:visual studio 2017             browser:Firefox / Chrome   bootstrap:3.3.7 代码 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta

Bootstrap3基础 table-striped 表格实现隔行换色(浅灰色与白色交替)

礼悟:    公恒学思合行悟,尊师重道存感恩.叶见寻根三返一,江河湖海同一体.          虚怀若谷良心主,愿行无悔给最苦.读书锻炼养身心,诚劝且行且珍惜.              ide:visual studio 2017             browser:Firefox / Chrome   bootstrap:3.3.7 代码 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta

BootStrap---2.表格和按钮

下面的都是类名.以后提到的如不意外都是表示类名形式,因为bootstrap大部分都是添加类名已显示效果 一.表格 1.table(基础)      基本表格   2.table-striped(基于table)   斑马线效果   3.table-bordered(基于table)   带边框   4.table-hover(基于table)   悬停实现背景效果   5.状态类(运用于tr)   5-1 .active     5-2 .success   5-3 .info   5-4 .w