今天给各位分享个人主页html网页制作作业的知识,其中也会对html个人页面页面制作代码进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!
本文目录一览:
- 1、用html制作一个个人网页要求有五个链接,每页都有css格式
- 2、制作一个班级主页或个人主页(html制作)
- 3、html个人网页制作个人简介可以滑动页面吗
- 4、谁能给我一个简单的网页制作的成品啊?作业 ! 个人主页html的源代码,不要太复杂,简单有几个链接就好了
用html制作一个个人网页要求有五个链接,每页都有css格式
方法/步骤
1
CSS是由选择器加声明组成的。
比如:
h1{color:red;}
h1就是选择器,意思是只要遇到h1,就使用该CSS的规则
color:red; :这个事声明
color:这个是属性
red:这个是值
2
OK,我们先来分析选择器。
END
一.选择器
1
选择器的种类很多,各有各的作用。我们来一一讲解。
标签选择器
class选择器
id选择器
全局选择器
组合选择器
伪类选择器
2
标签选择器
顾名思义,HTML中有许多标签,而标签选择器就是用来给标签直接申明样式的,简单、实用、常用。
举例:
p{color:red;}
只要是p标签,其P标签内部的颜色,都是红色。
如图代码
headmeta http-equiv="Content-Type" content="text/html; charset=utf-8" /title无标题文档/titlestylep{ color:red;}/style/headbodyp嘿嘿哦嘿嘿呀哦嘿嘿哦/p/body
其中,style标签是样式标签,请将CSS放在其中
(这部分内容后续会介绍,这里只是先提一下)
3
看网页效果
4
class选择器
也叫做类选择器,直接说概念估计你也不明白,直接上例子吧。
举例:
.alsp{color:red;}
这就是一个class选择器,意思是有一种CSS的样式,其名字是alsp,谁想用谁用。
看代码:
headmeta http-equiv="Content-Type" content="text/html; charset=utf-8" /title无标题文档/titlestyle type="text/css".alsp{color:red;}/style/headbodyp class="alsp"嘿嘿哦嘿嘿呀哦嘿嘿哦/pol class="alsp"li嘿啥嘿/lili我想嘿嘿/lili专制各种不服/li/olp世界为亡,死不投降/p/body
5
看网页效果
通过.alsp定义一个class选择器。
在后面的代码中,哪个标签想用,就用class="alsp"去调用,就可以使用这件“衣服”来修饰自己了
6
ID选择器
ID和class很像,但是和class有一个区别。class像姓名,两个人是可以同名的,但是id像身份证,只有一个人可以使用。
例如:
#alsp{color:red;}
OK,上代码:
#alsp{color:red;}/style/headbodyp id="alsp"嘿嘿哦嘿嘿呀哦嘿嘿哦/polli嘿啥嘿/lili我想嘿嘿/lili专制各种不服/li/olp世界为亡,死不投降/p/body
7
看网页效果
只能有一个标签使用该id,或者说该标签专属ID
8
全局选择器
*{margin:0; padding:0;}
这个很简单,前面用个*来表示,整个网页都会使用。这句话也是网页基本都要添加的,什么意思呢?自己试试看吧。
9
组合选择器
组合选择,小编是非常喜欢使用的,原因无他,懒而已。他可以减少代码量,并且方便、易读。
不过组合选择器的组合方式比较多,但也多很好理解。
1)群模式
比如:
h1{color:red; font-size:14px;}
p{color:red; font-size:14px;}
a{color:red; font-size:14px;}
这三个虽然标签不同,但是样式是一模一样的,所以,可以这样写:
h1,p,a,{color:red; font-size:14px;}
2)继承模式
比如:
.alsp li{color:red;}
ul class=".alsp"
lifdf/li
/ul
li是在ul之中的,算是ul的后代。通过.alsp li确定li是属于调用alsp类选择器里的li标签,其他的li标签并不会使用该样式。
3)群模式(多元素并列选择器)
其实也是一种特殊的群模式
p.alsp{color:red;}
p class="alsp"p.alsp/p
a class="alsp"a.alsp/p
alsp仍然是一种class选择器,但是他只有在p的标签下被使用才生效。
所以,第一行生效,p.alsp字样变红,第二行不生效
10
伪类选择器
“伪”字暴露了他的本质,伪类选择器并不像其他选择器直接做用在标签上,但是他偏偏又是在标签上进行使用,所以称为“伪类选择器”。
伪类的作用,是作用在状态上。
一般情况正常运行,只有当达成条件的时候触发,才会执行伪类选择器所代表是css样式。
伪类选择器很多,但许多都是我们这辈子估计都用不到的。
OK,伪类选择器后续我会专门写一篇经验介绍,有点小多,这里也就不多说了。
END
二.在HTML中调用CSS
调用CSS的常用方法有3中
内样式
外样式
行间样式
内样式
直接看代码,如图所示
在head/head中,加入style/style,并将相关的CSS样式放在其中
外样式
直接看代码,如图所示:
link rel="stylesheet" type="text/css" href="index.css"
这里,href为css的路径。
意思是,你专门创建一个index.css的文件,里面放上CSS样式,和内样式的语法一模一样,只是专门找了一个文件存放而已。
4
行间样式
行间样式直接写在元素里面
例如:p style="color:#900"嘿嘿哦嘿嘿呀哦嘿嘿哦/p
直接在标签后面加上style
一般不要用,不过可以用来调试使用
制作一个班级主页或个人主页(html制作)
4.部分个人或隐私信息必须要登陆后才可以查看。
5. 实现一个简单的聊天室功能
这两个功能,必须使用ASP .PHP .或者JSP 才能够实现的. 建议你还是先把网站的样子做出来,再考虑里面的功能.
仅仅会HTML+CSS 只能做出静态的网页
html个人网页制作个人简介可以滑动页面吗
html个人网页制作个人简介可以滑动页面。
html制作全屏页面滚动个人简历,因此,html个人网页制作个人简介可以滑动页面。
网页是书写的纯文本文件,存放在与互联网相连的。
谁能给我一个简单的网页制作的成品啊?作业 ! 个人主页html的源代码,不要太复杂,简单有几个链接就好了
我有大二时做的dreamweaver的网页作业。有20份作业的源文件。任你挑选。
邮箱我就不单独发了,为了方便大家下载参考。
我把网页作业源文件打包上传到我的百度网盘。可以直接下载,不需要注册,也不需要积分。
网盘的下载地址,公布于本人的百度空间的文章中。
找不到或者有什么问题的可以私信我
个人主页html网页制作作业的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于html个人页面页面制作代码、个人主页html网页制作作业的信息别忘了在本站进行查找喔。