<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. Contest2178 - 2019-4-18 高一noip基础知识点 测试7 题解版

    刚刚改完题,才有时间发题解 传送门 T1 exgcd裸题 对a,b跑exgcd,答案就是x*c/gcd(a,b),y*c/gcd(a,b) 不合法的情况:当且仅当c%gcd(a,b)!=0 代码 T2 ...

  2. Coursera, Big Data 4, Machine Learning With Big Data (week 1/2)

    Week 1 Machine Learning with Big Data KNime - GUI based Spark MLlib - inside Spark CRISP-DM Week 2, ...

  3. jquery实现点击页面空白处,弹框消失

    要求:点击1,弹框2显示,点击空白处,弹框2消失 $("#AddDevices"):按钮1 $(".addDeviceBox")弹框2 //点击添加设备弹框 $ ...

  4. JSP循环缓存列表

    两种方法: 例如,有下拉框 <select></select>其中选项需要循环显示 1.JAVA代码循环 <% for(int i=0;i<list.size(); ...

  5. 整理c盘文件

    清理大文件时,发现以下目录文件过大,删除后可以正常启动java程序,此目录应该是安装jdk时的缓存文件,可以删除 C:\Users\xxxx\AppData\LocalLow\Oracle\Java\ ...

  6. 分布式系列十三: nginx

    nginx偏运维, 不过作为开发应该了解它能做什么事情, 其作为技术架构的一部分必不可少 正向代理和反向代理 正向代理是代理的客户端, 反向代理是代理的服务端. nginx就是一款可以作反向代理的we ...

  7. 主成分分析算法(PCA)

    通过数据压缩(降维)可以减少特征数量,可以降低硬盘和内存的存储,加快算法的训练. 还可以把高维的数据压缩成二维或三维,这样方便做数据可视化. 数据压缩是通过相似或者相关度很高的特征来生成新的特征,减少 ...

  8. 5. SpringBoot —— Actuator简介

    Actuator是SpringBoot提供的用来帮助我们在将应用程序推向生产环境时对其进行监视和管理的工具集.使用Actuator最简单的方式,就是在pom文件中添加如下依赖: <depende ...

  9. 关于codeforces国内访问卡顿慢的最新解决办法,谷歌字体库/屏蔽facebook链接

    在host里最后加上 方法起源来自于https://blog.csdn.net/qq_40693171/article/details/83623409 但是里面的360字体库已经停运http://w ...

  10. virtualenv安装及使用

    环境 Windows 10 python 3.6.7 安装 virtualenv用于创建虚拟环境,用于隔离不同的python版本的运行,是容器类软件.这里在Windows下通过pip安装: pip i ...