Web前端-HTML

Web前端
前端代码通过浏览器转化（解析和渲染）成为用户看到的网页

web标准的三个组成部分
HTML：网页的结构（页面的元素和内容）
CSS：网页的表现（页面的外观、位置等页面样式）
JS：网页的行为

HTML
超文本+标记语言（由标签构成）

1. 标签不区分大小写
2. 标签属性值可以使用双单引号
3. 语法比较松散

img标签
绝对路径：绝对磁盘路径，绝对网络路径（访问网络资源）
相对路径
宽度高度单位：像素，百分比

06
CSS进行样式控制，有三种引入方式
行内样式，内嵌样式，外联样式
颜色表示形式：关键字，rgb，十六进制

07
没有任何语义的标签<span> 特点：一行可以显示多个行内组合元素
css选择器：用来设置需要设置样式的元素（标签）
元素选择器，类选择器，id选择器（优先级递增）

08
超链接
<a>标签 href指定资源访问的url target：指定何处打开
text-decoration规定文本的修饰

09

<audio><video>
<br> <p>
<strong><b>


&nbsp；空格占位符

10页面布局
<div><span>
div独占一行，可以设置行高
盒子模型：外边距margin 边框border 内边距padding 内容content(margin不包括在盒子内)
div用作布局

11
表格标签

<table>定义表格 <tr>表格中的一行
<th>表头单元格 <td>普通单元格

12
表单标签
<form>属性
action:表单提交的url
method：表单提交的方式

1. get: 在url后面拼接表单数据, 比如: ?username=Tom&age=12 , url长度有限制 . 默认值
2. post: 在消息体(请求体)中传递的, 参数大小无限制的.

表单提交中get和post方式的区别有5点

get是从服务器上获取数据，post是向服务器传送数据。
get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。post是通过HTTPpost机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。
对于get方式，服务器端用Request.QueryString获取变量的值，对于post方式，服务器端用Request.Form获取提交的数据。
get传送的数据量较小，不能大于2KB。post传送的数据量较大，一般被默认为不受限制。但理论上，IIS4中最大量为80KB，IIS5中为100KB。（这里有看到其他文章介绍get和post的传送数据大小跟各个浏览器、操作系统以及服务器的限制有关）
get安全性非常低，post安全性较高。

13表单项
input： text,password,radio,checkbox,file
select
textarea