Html基本操作 web开发

网页的编写

1，表格标签

1.1为什么使用表格标签？

简单通用，结构稳定.

1.2，基本结构

单元格；
行；
列；
跨行；
跨列；
表格 table
行 tr
列 td
宽度 border

运行结果

2，视频和音频的标签

视频元素；video
音频元素；audio

src：资源路径
controls：控制条
autoplay：自动播放
运行结果

3，网页结构的分析

header；标题头部区域的内容
footer；标注脚部区域的内容
section；web 页面中单独的区域
article； 独立的文章内容
aside；相关内容和引用
nav；导航类辅助内容

4，iframe内嵌框架；

单选文本框
type=radio
value：单选框的值
name：表示的我们的分的组
checked：默认选中

运行结果

跳转之后

5，表单

表单；

1.1，action

表单提交的位置，以后这个位置写的就是我们的服务端的地址

1.2 method 两种提交方式；post；get提交方式；

1.3，两种提交方式的区别

1.31 get 提交方式；我们俩可以在我们的url中看到我，们的信息，不安全，不高效

1.12，post 比较安全，可以传输大文件

运行结果

名字：

密码：

男 女

爱好： sleep 敲代码 打游戏 吃饭

国家： 中国 美国 瑞士 日本

反馈信息： 反馈

文件

邮箱：

网站：

音量的滑块：

搜索：

-->

点我

搜索

表单标签中的应用： 只读：readonly 隐藏:hidden 禁用：disabled

6，css3

html+ css+ js

结构+ 修饰+ 交互

难点；

1，css选择器（重点和难点）
2，美化网页（文字 ，超链接， 列表，渐变）
3，盒子模型
4，定位
5，网页的动态(特效）

1，什么是css

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言
内部引入；

外部引用：

7、Css优势：

1、内容和表现分离
2、网页结构表现统一，可以实现复用
3、样式十分丰富
4、建议使用独立的html的css文件

8、Css的三种引入方式：

9，基本选择器：

作用：选择页面上的某一个或者某一类标签
基本选择器：
1，标签选择器----选择一类标签 标签名{}
2，类的选择器class—选择所有的class的属性一致的选择器，.class名称{}。
3，id选择器-----全局唯一的 #id名{}