<html>…</html>      定义 HTML 文档
<head>…</head>   文档的信息
<meta>                    HTML 文档的元信息
<title>…</title>        文档的标题
<link>                      文档与外部资源的关系
<style>…</style>    文档的样式信息
<body>…</body>   可见的页面内容
<!--…-->                 注释


<b></b>:加粗bold。如:<b>HTML文件</b>
<i></i>:斜体italic。如:<i>HTML文本</i>
<u></u>:下划线underline。如:<u>HTML文本</u>
<s></s>:删除线strike。如:<s>删除线</s>
<sup></sup>上标。
<sub></sub>下标。

 

1.<p></p>表示一个段落。
常用属性:align:水平对齐方式,取值:left(左)、 center(居中)、 right(右)
举例:<p align="center">水平对齐方式居中对齐</p>

2.换行标记<br>

3.标题标记:<h1>……<h6>功能:定义各种标题。属性:align水平对齐方式,取值:left、center、right。语法:<h1  align = “left | center | right”></h1>


1)块元素
块元素,一般是单独占一行,不管内容多少,总是占一行。
块元素有哪些?<div>、<p>、<h1>、<h2>、<pre>等

(2)行内元素
行内元素,不会单独占一行。
行内元素的宽度,主要是根据内容决定。
多个行内元素,会排在同一行。
行内元素有哪些?<font>、<b>、<i>、<u>、<sub>、<sup>等


<img 属性 = “值”> 常用属性: Width:图片宽度 Height:图片高度 Border:图片边框粗细。 Src:图片的路径(相对路径) Align:图片的水平对齐方式,取值:left、center、right Hspace:图片与左右文字之间的距离(水平距离) Vspace:图片与上下文字之间的距离(垂直距离)。




</head>
<body>
<table width="800" border="1" cellpadding="0" cellspacing="0"bgcolor="deepskyblue">
<tr>
<td width="100" height="44"align="center" >姓名</td>
<td width="100" >&nbsp;</td>
<td width="100" align="center"> 性别</td>
<td width="100" >&nbsp;</td>
<td width="100" align="center">出生年月</td>
<td width="150" >&nbsp;</td>
<td width="150" rowspan="4">&nbsp;</td>
</tr>
<tr>
<td height="44" align="center">民族</td>
<td align="center">&nbsp;</td>
<td align="center">政治面貌</td>
<td align="center">&nbsp;</td>
<td align="center">身高</td>
<td align="center">&nbsp;</td>
</tr>
<tr>
<td height="44" align="center">学制</td>
<td align="center">&nbsp;</td>
<td align="center">学历</td>
<td align="center">&nbsp;</td>
<td align="center">户籍</td>
<td align="center">&nbsp;</td>
</tr>
<tr>
<td height="44" align="center">专业</td>
<td align="center">&nbsp;</td>
<td align="center" colspan="2">毕业学校</td>
<td align="center"colspan="2">&nbsp;</td>
</tr>
<tr>
<td height="70" align="center"colspan="7"><strong>技能、特长或爱好</strong></td>
</tr>
<tr>
<td height="44"align="center">外语等级</td>
<td align="center"colspan="2">&nbsp;</td>
<td align="center">计算机</td>
<td align="center"colspan="4"></td>
</tr>
<tr>
<td height="44"align="center"colspan="7">个人履历</td>
</tr>
<tr>
<td height="44"align="center">时间</td>
<td align="center"colspan="2">单位</td>
<td align="center"colspan="4">经历</td>
</tr>
<tr>
<td height="44"align="center">2002年4月</td>
<td align="center"colspan="2">&nbsp;</td>
<td align="center"colspan="4">&nbsp;</td>
</tr>
<tr>
<td height="44"align="center">2003年3月</td>
<td align="center"colspan="2">&nbsp;</td>
<td align="center"colspan="4">&nbsp;</td>
</tr>
<tr>
<td height="44"align="center">2003年8月</td>
<td align="center"colspan="2">&nbsp;</td>
<td align="center"colspan="4">&nbsp;</td>
</tr>
<tr>
<td height="44"align="center"colspan="7"><strong>联系方式</strong></td>
</tr>
<tr>
<td height="44"align="center">通讯地址</td>
<td align="center"colspan="3">&nbsp;</td>
<td align="center">联系电话</td>
<td align="center"colspan="2">&nbsp;</td>
</tr>






Html 常用标签及属性的更多相关文章

  1. HTML初学者常用标签及属性

    1.HTML5头部结构   [DOCTYPE html] 声明文档类型为HTML5文件. 文档声明在HTML5文档必不可少,且必须放在文档的第一行.   [meta标签] 1-charset属性:单独 ...

  2. HTML之常用标签及属性

    标签 标签分类 标签名 英文 英文含义 标签类型 备注 HTML页面结构 < html> HyperText Markup Language 超文本标记语言 < head> h ...

  3. HTML常用标签及属性

    标签格式 格式: 双边:<标签名 属性1="值1" 属性2='值2' 属性3=值3>内容</标签名> 单边:<标签名 属性1="值1&quo ...

  4. html常用标签及属性,常用英语单词

    目录 html常用标签 html常用标签属性 前端常用英语单词表(未完待续) 欢迎评论点赞交流,转发请添加原博客连接谢谢! Ctrl键+F 可以查找你想要的内容哦! html常用标签 htmi结构 & ...

  5. Web前端——Html常用标签及属性

    html 常用的标题等标签就不记录了,只记录一下比较少见的标签以及属性 表格 table td 单元格 tr 表的行 th 表头 td或th可以下面的两个属性达到跨行或跨列 表格跨行 rowspan ...

  6. css常用标签及属性

    css样式表常用的形式有三种,一.行内样式表.二.内部样式表.三.外部样式表 一. <p style="color:red;">nice to meet you< ...

  7. html中一些常用标签及属性

    html中标签分为块级标签和行级标签 块级标签常用的有 <div> <p> <h1><hr><pre><table><ul ...

  8. 4.HTML 常用标签及属性

    1. 链接 标签: <a></a> 属性: href:链接地址 target:打开方式 _blank:新标签页打开 _self:当前页面打开(默认) title:链接提示 2. ...

  9. HTML常用标签和属性大全

    html标签< <marquee>...</marquee>普通卷动 <marquee behavior=slide>...</marquee>滑 ...

随机推荐

  1. 动态解析xml,并生成excel,然后发邮件。

    直接贴代码了! DECLARE @CurrentServer NVARCHAR(100)DECLARE @CurrentDatabase NVARCHAR(100)DECLARE @CurrentLo ...

  2. css-reset 代码

    最常用 * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:bef ...

  3. 【实验四】[bx]和loop的使用

    四.实验结论 任务一: (1) ①当我写 mov ax,b800h时,编译报错了. ②清屏后运行 (2)将源代码程序中字数据0403H→修改为0441H,再次运行,图案发生了变化. 任务二: (1) ...

  4. mysql字符集设置注意事项

    mysql字符集设置必须是在具体的某一个数据库情况下才能进行设置 否则会报错.

  5. JAVA的抽象类和接口

    抽象类 在面向对象的概念中,所有的对象都是通过类来描述的,但是反过来,并不是所有的类都是用来描述对象的,如果一个类中没有包含足够的信息来描绘一个具体的对象,这样的类就是抽象类. 抽象类除了不能实例化对 ...

  6. JAVA基础---入门

    JDK的安装和环境变量的配置: 在Oralce官网下载好符合自己电脑配置的JDK后开始配置环境变量. 找到下载好的JDK的位置,复制,然后在环境变量里创建“JAVA_HOME”,粘贴:在path里用“ ...

  7. 初识springboot(傻瓜式教程)

    初识springboot(傻瓜式教程) 项目所需的版本 IDEA 2018 maven 3.x jdk-1.8 IDEA创建spring-boot项目(maven方法) 1.创建一个maven工程 点 ...

  8. sql注入--双查询报错注入

    sql注入--双查询报错注入 背景:在sqli-labs第五关时,即使sql语句构造成功页面也没有回显出我们需要的信息,看到了有使用双查询操作造成报错的方式获得数据库信息,于是研究了一下双查询的报错原 ...

  9. Oracle数据安全解决方案(1)——透明数据加密TDE

    Oracle数据安全解决方案(1)——透明数据加密TDE2009年09月23日 22:49:00 华仔爱技术 阅读数:7991原文地址: http://www.oracle.com/technolog ...

  10. 清晰讲解SQL语句中的外连接,通用于Mysql和Oracle,全是干货哦

    直入主题: 我们做一个操作,将员工SCOTT的部门去掉,再次通过内连接查看数据,看看会产生什么现象? 使用内连接,查询数据 问题:找不到SCOTT员工了,只有13条数据,这显然不合理:这就是内连接的缺 ...