HTML :内容(Hyper Text Markup Language,超文本标记语言)

<html>---开始标签

<head>

网页上的控制信息

<title>页面标题</title>

</head>

<body>

页面显示的内容

</body>

</html>----结束标签

body的属性

bgcolor           页面背景色

text                文字颜色

topmargin       上页边距

leftmargin        左页边距

rightmargin      右页边距

bottomargin     下页边距

background      背景颜色

 <font color="" face="" size=""></font> 控制字体;color="##FF0000";face,字体;size,字体大小。

  <b></b> 字体加粗

  <i></i> 倾斜

  <u></u> 下划线

  <strong></strong> 字体加粗(强调,语气加强用)

  <em></em> 字体倾斜(强调,语气加强用)

  <center></center> 居中

  <br> 或<br /> 相当于回车

; 表示空格 也可以在设计页面中按ctrl+shift+space

<ol>有序的列表,自带换行
<li>你是谁?默认自带序号</li>
<li>你在干嘛?默认自动换行</li>
<li>你怎么了?默认前后若无其他,执行上下换行,并空开一行</li>
<li>有问题吗?</li>
</ol>
<ul>无序的列表
<li>猜猜我在干嘛?默认不自带序号</li>
<li>猜对了有奖哦?默认自动换行</li>
<li>就不告诉你.?默认前后若无其他,执行上下换行,并空开一行</li>
</ul>

<div>我真的还想再活500年div层标签,默认占用一行</div>
<span>我真的还想再活500年</span>

<h1></h1>……<h6></h6> 标题(会自动换行)。HTML标题(Heading)是通过<h1> - <h6> 等标签进行定义的。

  <p></p> 段落标签(段落之间空行)

  <div></div> 层标签(默认占一行)

  <span></span> 层标签(默认用多大空间占多大空间)

超链接标签

  <a href="超链接地址" target=“_blank”>超链接的文字</a>     --href(hyperlink reference);_blank是在新窗口打开。

  第一步:做锚点的标签。<a name=""></a>

第二步:做锚点链接。<a href="目标链接的name的值"></a>

<a href="hettp://www.baidu.com/" target="_blank">百度一下</a></br>

图片标签

  <img src="图片地址" alt="文字" width="" height="" />     --高跟宽设置一个即可,显示图片会按比例缩放。alt在图片无法加载时,显示文字,还可帮助搜索引擎搜索。

<img / src="Hydrangeas.jpg"></br>
<img / src="Hydrangeas.jpg" width="">

<table></table> 表格

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

    border:边框。常用值0。

    cellpadding:内容跟单元格边框的边距。常用值0。

    cellspacing:单元格之间的间距。常用值0。

    align:对齐方式。

    bgcolor:背景色。

background:背景图片。

  <tr></tr> 行

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

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

    height:行高

    bgcolor:背景色

background:背景图片

  <td></td> 单元格

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

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

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

    width:单元格宽度

    height:单元格高度

    bgcolor:背景色

background:背景图片

  内容必须放在单元格里,单元格必须放在行里,行必须放在表格里。设置单元格行高、列高时,会同时影响对应的行或列

  单元格合并:(建议尽量用表格嵌套)

    colspan="n"    合并同一行单元格(后面写代码要减去相对应的列)

    rowspan="n"    合并同一列单元格(从第二行开始减去对应的列)

以上是今天所学内容的总结,主要是对于链接,插入图片,字体大小,颜色形式的学习,并且练习了表格,自己制作了个人简历

<body>
<center><b>个人简历</b></center>
<center><table width="772" height="632" cellpadding="0" cellspacing="0" border="1">
<tr>
<td width="121" height="54">姓名</td>
<td width="160">Durriya</td>
<td width="157">性别</td>
<td width="166">女</td>
<td width="156" rowspan="5"><img / src="Koala.jpg" width="156"></td>
</tr> <tr>
<td height="42">民族</td>
<td>汉</td>
<td>籍贯</td>
<td>山东淄博</td>
</tr> <tr>
<td height="47">出生日期</td>
<td>900705</td>
<td>政治面貌</td>
<td>党员</td>
</tr> <tr>
<td height="47">学历</td>
<td>本科</td>
<td>婚姻状况</td>
<td>未婚</td>
</tr> <tr>
<td height="51">专业</td>
<td>油气储运</td>
<td>健康状况</td>
<td>很健康</td>
</tr> <tr>
<td height="58">求职意向</td>
<td colspan="4">一切高薪的工作都是所爱的</td>
</tr> <tr>
<td height="49">毕业院校</td>
<td>辽宁石油化工大学</td>
<td>qq</td>
<td colspan="2">862581421</td>
</tr> <tr>
<td height="53">联系电话</td>
<td>15242747377</td>
<td>邮箱</td>
<td colspan="2">862581421@qq.com</td>
</tr> <tr>
<td height="56">主修课程</td>
<td colspan="4">阿拉伯语,油气储运,国际贸易,力资源</td>
</tr> <tr>
<td height="77">个人技能</td>
<td colspan="4">适应力超级强,无论何时都不会放弃治疗</td>
</tr> <tr>
<td height="96">奖金情况</td>
<td colspan="4">好多好多数不过来了</td>
</tr>
</table>
</center>
<br/>
<a href="http://www.cnblogs.com/Duriyya/">我的博客园</a><br/> </body>

3月19 HTML静态网页的制作的更多相关文章

  1. HTML静态网页导航制作

    普通导航栏制作 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www ...

  2. div+css模式编写html静态网页例子_仿照网页制作

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

  3. 【js】使用javascript 实现静态网页分页效果

    <!DOCTYPE html> <html> <head> <meta http-equiv="content-Type" content ...

  4. Python 学习日志9月19日

    9月19日 周二 今天是普通的一天,昨天也是普通的一天,刚才我差点忘记写日志,突然想起来有个事情没做,回来写. 今天早晨学习<Head First HTML and CSS>第十一章节“布 ...

  5. Nginx-HTTP之静态网页访问流程分析一

    假设访问静态网页的配置如下: worker_processes 1; error_log stderr debug; daemon off; master_process on; events { w ...

  6. 22.Express框架——2019年12月19日

    2019年12月19日14:16:36 1. express简介 1.1 介绍 Express框架是后台的Node框架,所以和jQuery.zepto.yui.bootstrap都不一个东西. Exp ...

  7. Yuchuan_Linux_C 编程之三 静态库的制作和使用

    一.整体大纲 二.静态库的制作 1)命名规则        lib + 库的名字 + .a        例如:libyuchuan.a2)制作步骤:        1). 生成对应的.o文件 -- ...

  8. Spring Security自定义认证页面(动态网页解决方案+静态网页解决方案)--练气中期圆满

    写在前面 上一回我们简单分析了spring security拦截器链的加载流程,我们还有一些简单的问题没有解决.如何自定义登录页面?如何通过数据库获取用户权限信息? 今天主要解决如何配置自定义认证页面 ...

  9. 根据随身固态U盘卷标搜索U盘盘符并打开文件的批处理脚本.bat 徐晓亮 595076941@qq.com 2019年12月19日6点50分

    @Echo offRem 根据随身固态U盘卷标搜索U盘盘符并打开文件的批处理脚本.batRem 徐晓亮 595076941@qq.com 2019年12月19日6点50分 Rem 此批处理脚本源代码的 ...

随机推荐

  1. Sql 通过表名查找所有列名

    SELECT * FROM INFORMATION_SCHEMA.COLUMNS WHERE TABLE_NAME = 'ImmediacyOutKu'

  2. (转)Introductory guide to Generative Adversarial Networks (GANs) and their promise!

    Introductory guide to Generative Adversarial Networks (GANs) and their promise! Introduction Neural ...

  3. [RabbitMQ学习笔记] - 初识RabbitMQ

    RabbitMQ是一个由erlang开发的AMQP的开源实现. 核心概念 Message 消息,消息是不具名的,它由消息头和消息体组成,消息体是不透明的,而消息头则由 一系列的可选属性组成,这些属性包 ...

  4. myCat知识笔记

    数据字典做成全局表(在各个分库中都有备份) ER表, 关联表都放在同一个分库上, 有利于数据关联查询 一致性hash ,/hash slot 主要为了解决分布式节点扩容时, 迁移数据的问题. mySq ...

  5. yyyy-MM-dd'T'HH:mm:ss.SSS'Z'即UTC时间,与String日期转换

    本文为博主原创,未经允许不得转载: 最近在使用一个时间插件的时候,接收到的时间格式是 ’2017-11-27T03:16:03.944Z’ ,当我进行双向数据绑定的时候,由后台传过来的时间绑定到时间 ...

  6. 51nod 1437 迈克步(单调栈)

    http://www.51nod.com/onlineJudge/questionCode.html#!problemId=1437 题意: 思路: 单调栈题.求出以每个数为区间最大值的区间范围即可. ...

  7. List<Model>转String 、String 转List<string>

    var ltCode = from item in psw.VehicleInsuranceItem select item.Code; string code = string.Join(" ...

  8. React native 之android的图标和启动图片

    哎哎呀呀,上篇说到了react native的IOS的图标和启动图片的设置,其实最主要的是尺寸!相应的尺寸设定好了以后就不会报错了! ok~这篇说的是React native的android的图标和启 ...

  9. _pvp_gap_aura

    该表可以用于控制区域内平衡,举个例子,当一个区域内超过limitHP的LM玩家个数为10,部落玩家个数为8,则阵营人数差为2,人数少的部落,所有部落玩家获得2层aura光环 zone 区域ID aur ...

  10. Hash——字符串匹配(求s1在s2中出现的次数)

    题目描述: 这是一道模板题. 给定一个字符串 A 和一个字符串 B ,求 B 在 A  中的出现次数.A 和 B中的字符均为英语大写字母. 求A 在 B 中出现了几次.(可重叠) 样例输入: 3 BA ...