web前端笔记整理一---HTML
一 HTML标签
1 页面及标记
1 HTML 文件结构
拓展名 .html或者.htm
<!DOCTYPE html>// 声明
<html> html 主体
<head></head> 头信息：浏览器，搜索引擎使用 title
<body> // 用户看的
hello wrold
hello wrold
</body>
</html>
2 语言字符集(Charsets)的信息
<meta http-equiv="Content-Type" content="text/html;charset=#">
常用utf-8,gb2312 最好自己在浏览器的选项菜单内选择相应的语言
3 背景色彩和文字色彩
背景图象 <body background="image-URL">
4 图片路径
<img src="static/images/1.jpg"alt="这个是alt" /><!-- 当前目录下查找 -->
5 链接<a>
跳转到页面的另外一个地方
<a href="#name"> ... </a>
<a name="name"> ... </a>
<a href="samp/window.html" target="_blank">
开一个新窗口!
</a>
6 标尺线
标尺线
<hr size=10>
二 文字及文字布局
1 6级标题
<h1>…<h1/>到 <h6>…<h6/>
2 文字变化
<b>加粗</b>
<em>斜体</em>
<i>斜体</i>
<small>变小</small>
<strong>加强加粗</strong>
<sub>上标</sub>
<sup>下标</sup>
3 布局标签
<!--布局标签-->
<!--
div:大的块元素
span:小的块元素
ul li：列表
dl dt dd：列表
换行 <br>
<p>段落
div span ul li dl dt dd
4 表格表单
<table>...</table> - 定义表格
<tr> - 定义表行
<th> - 定义表头
<td> - 定义表元(表格的具体数据)
<!--表格-->
<table>
<tr>
<td></td>
</tr>
</table>
Form表单：
method：post get put delete
文件上传：
Method post
Multity-post-data
单选框：radio
复选框：checkbox
输入：input
传递方式：
Get: url 地址传值 256字符
Post: 后台 ：推荐这个
placeholder="请输入用户名"
<form action="url" method=*>
...
...
<input type=submit> <input type=reset>
</form>
5 移动文字
<marquee>啦啦啦，我会移动耶！</marquee>
