3月19 HTML静态网页的制作
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静态网页的制作的更多相关文章
- HTML静态网页导航制作
普通导航栏制作 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www ...
- div+css模式编写html静态网页例子_仿照网页制作
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 【js】使用javascript 实现静态网页分页效果
<!DOCTYPE html> <html> <head> <meta http-equiv="content-Type" content ...
- Python 学习日志9月19日
9月19日 周二 今天是普通的一天,昨天也是普通的一天,刚才我差点忘记写日志,突然想起来有个事情没做,回来写. 今天早晨学习<Head First HTML and CSS>第十一章节“布 ...
- Nginx-HTTP之静态网页访问流程分析一
假设访问静态网页的配置如下: worker_processes 1; error_log stderr debug; daemon off; master_process on; events { w ...
- 22.Express框架——2019年12月19日
2019年12月19日14:16:36 1. express简介 1.1 介绍 Express框架是后台的Node框架,所以和jQuery.zepto.yui.bootstrap都不一个东西. Exp ...
- Yuchuan_Linux_C 编程之三 静态库的制作和使用
一.整体大纲 二.静态库的制作 1)命名规则 lib + 库的名字 + .a 例如:libyuchuan.a2)制作步骤: 1). 生成对应的.o文件 -- ...
- Spring Security自定义认证页面（动态网页解决方案+静态网页解决方案）--练气中期圆满
写在前面 上一回我们简单分析了spring security拦截器链的加载流程,我们还有一些简单的问题没有解决.如何自定义登录页面?如何通过数据库获取用户权限信息? 今天主要解决如何配置自定义认证页面 ...
- 根据随身固态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 此批处理脚本源代码的 ...
随机推荐
- 题解——洛谷P3128 [USACO15DEC]最大流Max Flow
裸的树上差分 因为要求点权所以在点上差分即可 #include <cstdio> #include <algorithm> #include <cstring> u ...
- Unity3D学习笔记（二十八）：Editor
Editor: 对编辑器进行一些拓展开发 关于继承Mono类的扩展开发 特性: [特性]:声明性的标签(类,方法,结构体,变量) 特性只对字段声明有效,后面必须接字段:多个特性,可以修饰一个字段 ...
- git代码回滚的两种选择
回滚到指定commit,且保持该commit之前和之后的提交记录 使用git revert命令. git revert HEAD // 回滚到前一次 commit git revert HEAD^ / ...
- layer 弹出层 回调函数调用 弹出层页面 函数
1.项目中用到layer 弹出层,定义一个公用的窗口,问题来了窗口弹出来了,如何保存页面上的数据呢?疯狂百度之后,有了结果,赶紧记下. 2.自己定义的公共页面方法: layuiWindow: func ...
- 蚂蚁金服首席数据科学家漆远：AI技术开放，与业界融合共创
小蚂蚁说: 11月8日,在第五届世界互联网大会-<人工智能:融合发展新机遇>论坛上,蚂蚁金服副总裁.首席数据科学家漆远认为AI具有控制风险.降本增效和提升用户体验三大作用. 11月8日,第 ...
- P4391 [BOI2009]Radio Transmission
描述: 给你一个字符串,它是由某个字符串不断自我连接形成的. 但是这个字符串是不确定的,现在只想知道它的最短长度是多少. 输入格式: 第一行给出字符串的长度,1 < L ≤ 1,000,000. ...
- go 接口以及对象的使用
// Sample program to show how to declare methods and how the Go // compiler supports them. package m ...
- Utunbu常见问题
关于Ubuntu中Could not get lock /var/lib/dpkg/lock解决方案 https://blog.csdn.net/u011596455/article/details/ ...
- Discrete Log Algorithms ：Baby-step giant-step
离散对数的求解 1.暴力 2.Baby-step giant-step 3.Pollard’s ρ algorithm …… 下面搬运一下Baby-step giant-step 的做法 这是在 ht ...
- hybrid cordova+vue开发APP（一） 环境搭建
没有选择react-navite,而选择cordova+vue2.x,是因为react-navite有学习成本,并且cordova+vue2.x程序员 可以直接上手,性能上可以满足需求,成本低,开发速 ...