新手网页设计学习笔记(html+css部分).pdf

HTML+CSS 学习笔记 此笔记用于记录视频 [韩顺平]轻松搞定网页设计 (html.css.js)中 html 和 css 部分，自己整理用于记忆的，便于以后查阅。经供参考。 2014.08.26 于北航图书馆 hujunjob@ 目录 一、第一个网页3 1.第一行文字3 2.超链接3 3.图片4 4.表格4 4.1 菜谱5 5.无序列表6 6.有序列表6 7.表单元素：文本框、密码框、复选框、单选框、隐藏域、提交按钮重置按钮 7 二、html 加强11 1.超链接11 2.标尺线11 3.字体11 4.移动的文字12 5.嵌入多媒体13 6.综合 2：邮箱13 三、CSS13 1.div+css13 2.CSS 分类14 3.css 的滤镜功能：15 4.css 选择器16 4.1 类选择器：16 4.2 id 选择器16 4.3 html 选择器17 4.4 通配符选择器18 5.选择器深入探讨18 四、css 核心内容——流20 4.1 盒子模型：20 4.2 浮动：26 4.3 css 核心内容——定位27 4.4 综合案例：仿 sina 首页29 一、第一个网页 html 元素 属性=‘属性值’。。。内容/元素 如果没有内容 元素 属性=‘属性值’。。。/ html !--head-- head title我的第一个网页/title /head body !--html 内容放在body 体-- 1.第一行文字 b粗体文字/b p第二行文字，换行。段落标记/p pb第二行粗体文字，元素可以相互嵌套/b/p pfont color=redfont color=red 红色字体/font/p pfont size=6font size=6 大字体/font/p font size=7利用 br/实现这一行的换行/fontbr/ font size=7font size=7 最大的字体/fontbr/ *********字符实体**********br/ font size=7copy; pound;/font /body /html 2.超链接 html head title使用超链接/title head body a href=Myhtml.htm老鼠爱大米， 打开新链接，原页面替换/abr/ !--target=_blank 打开新的页面，默认是_self 原页面替换-- a href=Myhtml.htm target=_blank老鼠爱大米， 打开新链接，打开新页面/abr/ a href= target=_blank百度/abr/ a href=/index.aspx target=_blank北航 bt/abr/ a href=mailto:hujunjob@给管理员写信/a /body /html 3.图片 html head title显示图片/title /head body font size=5 color=red图片显示/fontbr/ img src=naruto.png width=400px /br/ img src= /templates/default/images/logo.png width=700px border=2/ /body /html 4.表格 表格的用处：显示数据和图片，并且可以布局 html head title表格/title /head body font si