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>

上一篇:文本溢出、垂直外边距合并、BFC、hasLayout


下一篇:计算机17-3,4作业E