①打开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. 【C语言】控制台窗口图形界面编程（一）句柄和文本属性

    目录 00. 目录 01. 句柄 02. GetStdHandle函数 03. CloseHandle函数 04. SetConsoleTextAttribute函数 05. 十进制颜色对照表 06. ...

  2. jquery的$().each,$.each的区别02

    在jquery中,遍历对象和数组,经常会用到$().each和$.each(),两个方法.两个方法是有区别的,从而这两个方法在针对不同的操作上,显示了各自的特点. $().each,对于这个方法,在d ...

  3. js页面跳转定位

    A页面 <!DOCTYPE html> <html> <head> <meta name="viewport" content=" ...

  4. linux命令 host-常用的分析域名查询工具

    博主推荐:更多网络测试相关命令关注 网络测试  收藏linux命令大全 host命令是常用的分析域名查询工具,可以用来测试域名系统工作是否正常. 语法 host(选项)(参数) 选项 -a:显示详细的 ...

  5. 微信小程序 传值取值的方法总结

    微信小程序 传值取值的几种方法总结 列表index下标取值 页面传值 form表单取值 1. 列表index下标取值 实现方式是:data-index="{{index}}"挖坑及 ...

  6. 常见算法的python实现

    提到排序算法,常见的有如下几种:冒泡排序.选择排序.插入排序.快速排序.堆排序.归并排序.希尔排序:查找算法最常见二分查找.这些算法的时间复杂度如下: 算法名称 时间复杂度(一般情况) 冒泡排序 O( ...

  7. 从Hadoop框架讨论大数据

    [Hadoop是什么?] 1)Hadoop 是一个由 Apache 基金会所开发的分布式系统基础架构. 2)主要解决,海量数据的存储和海量数据的分析计算问题. 3)广义上来说,HADOOP 通常是指一 ...

  8. 关于Django中，实现序列化的几种不同方法

    前言 关于序列化操作,就是将一个可迭代的数据结构,通过便利的方式进行我们所需要的操作. 今天历来归纳一下,Django中的几种不同得分方法,已经Django-restframework提供的方法 创建 ...

  9. 【Codeforces 1042D】Petya and Array

    [链接] 我是链接,点我呀:) [题意] 题意 [题解] 把a[i]处理成前缀和 离散化. 枚举i从1..n假设a[i]是区间和的a[r] 显然我们需要找到a[r]-a[l]<t的l的个数 即a ...

  10. POJ 1769_Minimizing maximizer

    题意: 一系列m个1~n区间,每个区间固定对某个子区间进行排序,顺序选择若干区间,使最终覆盖所有区间. 分析: computes the length of the shortest subseque ...