①打开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. 面试之JVM

    目录 Java虚拟机 类的加载方式 Java内存模型 程序计数器(PC) Java虚拟机栈(Stack) 本地方法栈 元空间(MetaSpace) Java堆(Heap) 内存分配策略 垃圾回收(GC ...

  2. JavaScript：JSON 和 JS 对象

    区别 JSON(JavaScript Object Notation)仅仅是一种数据格式(或者叫数据形式).数据格式其实就是一种规范,按照这种规范来存诸和交换数据.就好像 XML 格式一样. 区别 J ...

  3. zeng studio的项目窗口PHP Explorer

    恢复zeng studio的项目窗口PHP Explorer方法: Windows>show view >PHP Explorer

  4. 「 Luogu P2657 」 windy数

    # 题目大意 给出区间 $[a,b]$,求出区间中有多少数满足下列两个条件 不含有前导 $0$. 相邻两个数字之差的绝对值至少是 $2$. # 解题思路 数位 $DP$,用记忆化搜索来实现.设 $dp ...

  5. mysql高效率随机获取n条数据写法

    今天做项目遇到这个问题,本来想用mysql自带的随机函数来实现,但是想到这样做功能是实现了,但是效率真的好差!一下子想不到好的方法,就去网上找了一下,记录下来,好好研究学习一下. ID连续的情况下(注 ...

  6. [Python3网络爬虫开发实战] 1.5.4-RedisDump的安装

    RedisDump是一个用于Redis数据导入/导出的工具,是基于Ruby实现的,所以要安装RedisDump,需要先安装Ruby. 1. 相关链接 GitHub:https://github.com ...

  7. navicat连接mysql8报错，错误提示为1251，原因及解决步骤

    一.错误原因: MySQL8.0版本的加密方式和MySQL5.0的不一样,连接会报错. 二.解决步骤: 1.在linux虚拟机上登录mysql 2.更改加密方式: ALTER USER 'root'@ ...

  8. heroku安装(win7x64)

    Jdk安装:官网地址 http://www.oracle.com/technetwork/java/javase/downloads/index-jsp-138363.html下载要安装的jdk版本. ...

  9. 75-ADMI，Average Directional Movement Index，平均方向性运动指标.(2015.7.1)

    ADMI,Average Directional Movement Index 平均方向性运动指标 Directional Movement Index,平均方向性运动指标.(2015.7.1)&qu ...

  10. BUAA_OO_博客作业四

    BUAA_OO_博客作业四 1 第四单元两次作业的架构设计 1.1 第13次作业 类图 ​ 作业要求:通过实现UmlInteraction这个官方提供的接口,来实现自己的UmlInteraction解 ...