黑马程序员技术交流社区
标题:
求帮忙
[打印本页]
作者:
小草君
时间:
2014-6-6 23:04
标题:
求帮忙
求大神们看jsp的心得还有html和css的,小弟在这感谢了
作者:
谭荣强
时间:
2014-6-8 05:06
没人看吧,面试不考
作者:
crazystraw
时间:
2014-6-8 09:12
什么东西?
作者:
阿苏勒
时间:
2014-6-8 09:23
我现在就在看这个啊,学习这个是没必要的?
作者:
阿苏勒
时间:
2014-6-8 09:30
楼主我把我自己做的笔记给你看一下。
<head></head>头部信息里包括标题信息和元信息
<title></title>头部信息就是网页的题目
元信息设置:
设置页面关键字:
<meta name="keywords" content="">
设置页面说明:
<meta name="discription" content="">
定义编辑工具:
<meta name="generator" content="">
设置作者信息
<meta name="author" content="">
设置网页文字和语言
<meta http-equiv="content-type" content="text/html; charset=gbk">
http-equiv用于传送HTTP通信协议的标头,content里面是具体的属性值,有字符集设置
设置网页的定时跳转
<meta http-equiv="refresh" content="跳转的时间 url=跳转的地址">
<body></body>网页的主体部分
可以设置主体部分的背景色
<body bgcolor="">
可以设置主体的背景图片
<body background="图片的地址">
可以设置字体的颜色
<body text="文字的颜色">
可以设置链接文字的颜色
<body link="">
<body link="" alink="" vlink="">
边距margin
一般网页的上边距和下边距都为0
<body topmargin="" leftmargin="">
topmargin:上边距的值
leftmargin:下边距的值
设置标题字的大小
<h1></h1>一级标题
<h2></h2>二级标题
.
.
.
.
<h6></h6>六级标题
一级最大,六级最小
标题字对齐属性:
<h1 align="left"></h1>左对齐
<h2 align="center"></h2>中间对齐
文本标记语言:
<font></font>用于控制字体,大小,颜色等属性。
<p><font face="设置字体"></font></p>
<p><font size="设置字号"></font></p>
<p><font color="设置颜色"></font></p>
粗体标记:
<b></b>
<strong></strong>
斜体标记:
<i></i>
<em></em>
<cite></cite>
上记标记sup
a的平方:a<sup>2</sup>
下记标记sub
氢气的化学式:h<sub>2</sub>
段落标记p
每一个段落标记不必要写成<p></p>
因为每一个段落开始的标记意味着前一段的结束
换行标记br
不换行标记nobr<nobr>不换行的内容</nobr>
水平线
<hr>插入水平线
<hr width="500">改变水平线的宽度,宽度值为500像素
<hr size="100">设置水平线的高度
<hr width="300" dize="20" noshade>去掉阴影
<hr color="颜色">设置水平线的颜色
<hr align="lefy">设置水平线的排列
插入空格: ;
使用图像:
<body align="center"><img src="图片地址" alt="提示的信息">
当你值指向图片上方时,就会出现提示的信息,用于说明和描述图片
width和hegith表示宽和长
如果图片不设置长和宽,那么默认是原大小。
无论指定的长和宽是多少,整个图像还是会被下载。
设置图像的边框border
默认情况,图片是没有边框的,border可以为图像添加边框线,可以设置边框的宽度,但不能设置
边框的颜色。
如果图片上没有超链接,那么边框默认是黑色的。
如果图片上有超链接,那么边框和链接文字颜色一致,默认是深蓝色。
<img sr="图像地址" border="10">border的单位是像素。
图像垂直边距:vspace,单位也是像素
图像水平边距:hspace
图像的排列align
bottom:图片底部与当前行的文字底部对齐
top:图片顶端与当前行文字顶端对齐
middle:图片水平中线和当前行的文字中线对齐
left:
center:
right:
图像的超链接:
图像的超链接和文件的超链接相似
语法:
<a href="链接地址"><img src="图片地址"></a>
图像热区链接:
直接在设计视图里面搞定。
HTML列表有三种类型:
一种是无序列表,项目符号由几个符号组成,
一种是有序列表,项目符号是由字母或数字组成,
一种是定义列表。
有序列表:
创建一个有序列表,以打开和关闭<ol>为开始,每个列表元素由<li>标识,接受标记为</li>
<ol>
<li></li>
<li></li>
<li></li>
<li></li>
</ol>
有序列表有五种类型:
1 12345......
a abcde.....
A ABCDE.....
i i ii iii iv.....
I I II III IV.....
有序列表可以指定类型和指定开始数值
如:
<ol type="a" start="2">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ol>
b 1
c 2
d 3
d 4
无序列表
<ul>
<li><li>
<li><li>
<li><li>
<li><li>
</ul>
目录列表
<dir>
<li></li>
</dir>
定义列表标记
定义列表:definition list
<dl>
<dt>定义条件信息</dt>
<dd>定义描述信息</dd>
</dl>
菜单列表标记:
<menu>
<li></li>
</menu>
复制代码
作者:
123_yaya
时间:
2014-6-8 09:53
其实下一份老师的ppt看总结,效果最好。
作者:
小草君
时间:
2014-6-8 20:31
谭荣强 发表于 2014-6-8 05:06
没人看吧,面试不考
面试不考吗?,怎么有人说考啊?你面试时考了吗?
作者:
谭荣强
时间:
2014-6-8 21:50
小草君 发表于 2014-6-8 20:31
面试不考吗?,怎么有人说考啊?你面试时考了吗?
我特意问了,客服说不考,她说的。要不你在问问
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)
黑马程序员IT技术论坛 X3.2