(01.HTMLCSS笔记.docVIP

HTML笔记 自我介绍 封捷 《三国演义》十常侍乱政 封谞 《红楼梦》甄士隐 封氏 《笑傲江湖》封不平 《征服》封彪 ===================================================== 凤姐 ===================================================== 分解/综合 把一件很困难的事情，拆解成若干个部分，各个击破，就能够解决。 学习方法 杨过 《打狗棒法》 华山之顶 洪七公 招式→程序中需要实际操作的部分 桃花岛 黄蓉 心法→编程思想、实现功能的原理 面向对象 面向接口 面向切面 软件分层 …… 项目：BookStore Web2.0标准 目前业界最流行的网页设计标准 ①结构：网页上显示的内容——HTML ②表现：网页内容的表现形式——CSS ③行为：网页控件对用户操作的响应——JavaScript→jQuery HTML What？ Hyper Text Markup Language超文本标记语言 HelloWorld HTML本质：一组对应关系 HTML语法规范 ①HTML标签必须关闭，单标签自己关闭 ②HTML标签不能嵌套 ③属性必须有值，属性值必须用引号括起来 ④HTML注释不能嵌套 表格 ①使用table定义表格 ②使用tr定义行 ③使用td定义单元格 表单 ①原理 ②控件 ★文本框 input type=”text” name=”userName” value=”默认值” / ★密码框 input type=”password” name=”pwd” / ★提交按钮 input type=”submit” value=”myBtn” / 重置按钮 input type=”reset” value=”myReset” / ★单选按钮 input type=”radio” name=”season” value=”spring” checked=”checked” / ★多选框 input type=”checkbox” name=”team” value=”China” checked=”checked” / 普通按钮 input type=”button” value=”myButton” / button普通按钮/button ★下拉列表 select name=”company” option value=”baidu” selected=”seleced”Baidu/option /select 多行文本域 textarea rows=”5” cols=”10”多行文本域的默认值/textarea 文件上传框 input type=”file” name=”myFile” / ★表单隐藏域 input type=”hidden” name=”userId” value=”2201” / 作用：在提交表单时携带特殊数据（不需要或者不希望用户看到的数据） 总结 语法规范 HTML标签 ①控件：能够操作网页界面 ★表单标签 ★超链接 a href=”路径”文字/a 按钮 ②显示数据 ★表格 ★图片 img src=”图片路径” / 列表 标题 段落 ③框架 框架集 内联框架 CSS CSS嵌入HTML的三种方式 ①标签内 ②style标签内 ③独立的CSS文件中 CSS基本语法 CSS选择器 ①基本选择器 根据标签名定位：div {…} 根据id属性值定位：#one {…} 根据class属性值定位：.mini {…} 使用“逗号”表示并列关系：span,#two {…} ②层次选择器 根据元素的父子兄弟关系定位元素 父元素：直接包含当前元素的元素ulli/li/ul 祖先元素：直接或间接包含当前元素的那些元素 divulli/li/ul/div 子元素：当前元素直接包含的元素ulli/li/ul 后代元素：当前元素直接或间接包含的元素 divulli/li/ul/div 兄弟元素：与当前元素有共同父元素的元素 ulli01/lili02/li/ul ③过滤选择器 过滤：1,2,3,4,5 2,4 ④锚伪类 强调： ①没有任何东西是需要“死记硬背”的。 ②需要记忆的东西可以查手册或查笔记，使用熟练之后自然就记住了。 ③知道 HTML是干什么用的？ 能够参考资料或者例子写出一些HTML网页 CSS是干什么用的？Cascade Style Sheet层叠样式表 将现成的CSS代码应用到自己的HTML代码中 大致上能看懂CSS样式文件 ④练习 课件Demo中的空白HTML代码，参