①打开dreamw新建html 开头显示如下

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- charset=utf-8 编解码方式 适用与utf-8 -->
<title>测试</title>
<!--title标题栏改名字 测试位置
可以在测试前加上logo小图标 -->
</head>
<!--
1,标签语言<>表示
2,成对出现,一般结构<html><head><body>body中的内容显示在页面里</body></head></html> 结束标签-->

② body属性

bgcolor   　　页面背景色

background  背景壁纸图片

text   　　　　文字颜色

topmargin　　上边距

leftmargin　　左边距

rightmargin　　右边距

bottommargin　　下边距

显示效果

③格式控制标签

<font color="" face="" size=""></font>

分别控制字体的颜色、字体和大小。

<b></b>　　　　　　　　字体加粗

<strong></strong>　　 字体加粗

<i></i>　　　　　　　　   倾斜

<em></em>　　　　　　 倾斜

<u></u>　　　　　　　　下划线

<center></center>　　　居中

<br>或<br/>　　　　　　相当于回车   快捷键 shift+enter

&nbsp;　　　　　　　　　表示空格，Ctrl+shift+space

显示效果

④内容容器标签

<h1></h1>　　　　　　标题，会自动换行。HTML标题是　　　　　　　　　　　　　　　　　　　　　　

　　. . .　　　　　　　　通过<h1>到<h6>等标签来定义的。

<h6></h6>

<p></p>　　　　　　　段落标签（段落之间空行）

<div></div>　　　　　 层标签（默认占用一行）

<span></span>　　　 层标签（默认用掉多大空间占用多大空间）

<ol type="1">　　　　有序列表，序号为1,2,3....，引号中可以更改序号的形式

　　<li>内容<li>

　　<li>内容<li>

</ol>　　　　　　　　 上面的ol改为ul则变为无序号列表

显示效果

⑤超链接标签

<a href="超链接地址" target="_blank">超链接文字</a>　　　　--在新窗口打开

target 指打开方式   （_parent  _self   在当前页面打开）（_top 新开一个页面打开 且在所有打开页面的前面）  （ _blank  new   新开一个页面打开） 表示超链接打开后的显示方式

显示效果

 点过会变红

锚点

网页最开始部分

网页结束部分

</body>

⑥图片标签

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

高度跟宽度设置一个即可保持原有比例。

alt在图片无法加载时，显示文字，还可以帮助搜索引擎搜索。

title可以添加图片描述，鼠标放在图片上时可以显示描述。

⑦表格

<table></table>表格

　　width:宽度。可以用像素或百分比表示。 常用960像素。

　　border：边框，常用值为0。

　　cellpadding：内容跟边框的距离，常用值为0。

　　cellspacing：单元格与单元格之间的间距，常用值为0。

　　algin：对齐方式。

　　bgcolor：背景色。

　　background：背景图片。

<tr></tr>行

　　align:一行内容的水平对齐方式。

　　valign:一行内容的垂直对齐方式。

　　height：行高。

　　bgcolor：背景色。

　　background：背景图片。

<td></td>单元格

<th></th>表头，单元格的内容自动居中、加粗

　　align:单元格内容的对齐方式。

　　valign:单元格的内容的垂直对齐方式。

　　width：单元格宽度。

　　height：单元格高度。

　　bgcolor：背景色。

　　background：背景图片。　　

　　内容必须放在单元格里，单元格必须放在行里，行必须放在表格里。

　　设置单元格行高、列高时，会同时影响对应的行或列。

单元格合并：（建议尽量用表格嵌套）

　　colspan=“n”　　合并同一行的单元格（后面写代码要减去相对应的列）

　　rowspan=“n”　 合并同一列单元格（从第二行开始减去相对应的列）

表示
2,成对出现,一般结构-->

2016/2/18 html 标签 表格的更多相关文章

  1. python 全栈开发，Day46(列表标签,表格标签,表单标签,css的引入方式,css选择器)

    一.列表标签 列表标签分为三种. 1.无序列表<ul>,无序列表中的每一项是<li> 英文单词解释如下: ul:unordered list,“无序列表”的意思. li:lis ...

  2. 前端 HTML body标签相关内容 常用标签 表格标签 table

    表格标签 table 表格由<table> 标签来定义.每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由<td>标签定义).字母 td 指表 ...

  3. 前端基础-html 列表标签,表格标签,表单标签

    一.列表标签 1.ul(无序列表)标签 ul(unordered list)无序列表,ul下的子元素只能是li(list item),如下示例: <ul> <li>第一项< ...

  4. github javascript相关项目star数排行榜(前30，截止2016.11.18)：

    github javascript相关项目star数排行榜(前30,截止2016.11.18): 前端开源框架 TOP 100 前端 TOP 100:::::https://www.awesomes. ...

  5. 2016.8.18上午纪中初中部NOIP普及组比赛

    2016.8.18上午纪中初中部NOIP普及组比赛 链接:https://jzoj.net/junior/#contest/home/1336 翻!车!啦!好吧,那是因为大神归来. 进度: 比赛:AC ...

  6. 3.html基础标签:表格

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  7. HTML 标签 表格

    <html>    --开始标签 <head> 网页上的控制信息 <title>页面标题</title> </head> <body& ...

  8. html body的属性 格式控制标签 内容容器标签 超链接标签 图片标签 表格

    一.body的属性 <body  bgcolor  页面背景色 background 背景壁纸.图片 text文字颜色 topmargin上边距 leftmargin左边距 rightmargi ...

  9. HTML--1标签表格

    HTML   内容(Hyper Text Markup Language,超文本标记语言) CSS    网页美化 Javascript    脚本语言 打开DREAMWEAVER,新建HTML,如下 ...

随机推荐

  1. 用宿主机创建一个容器bind命令的应用

    先创建一个网页目录 [root@docker ~]# mkdir /app/wwwroot -p 用bind运行,源目录为刚才创建的 [root@docker ~]# docker run -itd ...

  2. Spring Cloud和Dubbo的对比

  3. returnFloat_thousand() 以万计数 ，如100，结果是0.01

    function returnFloat_thousand(value){ var value=Math.ceil(Math.round(parseFloat(value)*100)/100)/100 ...

  4. CentO7-使用plantuml绘制UML类图

    准备工作 到PlantUml官网(http://plantuml.com/download)下载plantuml.jar.官网上还有一个在线的demof服务.plantuml的官网真的很挫! 到官网下 ...

  5. 笔试算法题（32）：归并算法求逆序对 & 将数组元素转换为数组中剩下的其他元素的乘积

    出题:多人按照从低到高排成一个前后队列,如果前面的人比后面的高就认为是一个错误对: 例如:[176,178,180,170,171]中的错误对 为 <176,170>, <176,1 ...

  6. Linux 关于umount

    场景:linux下挂载过去的代码目录编译失败.怀疑本地磁盘空间不足问题导致.解决方法:卸载重新挂载. 操作:卸载时报错: 解决方法: 1.umount, 老是提示:device is busy, 服务 ...

  7. Python基础知识点总结

    Python基础知识与常用数据类型 一.Python概述: 1.1.Python的特点: 1.Python是一门面向对象的语言,在Python中一切皆对象 2.Python是一门解释性语言 3.Pyt ...

  8. WSS、SSL 和 https 之间的关系

    SSL SSL(Secure Socket Layer,安全套接层) 简单来说是一种加密技术, 通过它, 我们可以在通信的双方上建立一个安全的通信链路, 因此数据交互的双方可以安全地通信, 而不需要担 ...

  9. Linux学习笔记02

    1.文件处理命令:touch touch [文件目录][文件名] 如:touch /tmp/jiejie/jiejie.conf2.文件处理命令:cat cat 参数[文件目录][文件名]//显示文件 ...

  10. BNUOJ 26283 The Ghost Blows Light

    The Ghost Blows Light Time Limit: 1000ms Memory Limit: 32768KB This problem will be judged on HDU. O ...