初学HTML
1、定义:Hyper Text Markup Language(超文本标记语言)。
2、网页自动生成的标签属性
<!DOCTYPE html> <!--告诉浏览器,我要向浏览器编辑html页面了-->
<html lang="en"> <!--要使用的是英文-->
<meta charset="utf-8"> <!--字符集合 UTF-8格式-->
<title>我的第一个HTML页面</title>页面标题
3、标签
标题标签:<h1>-<h6>依次从大到小
换行标签:</hr>
段落标签:<p></p>
字体加粗:<strong></strong>
字体倾斜:<em></em>
<i></i>
特殊符号: > >
< <
空格
" ; ©
图片标签:<img src="相对路径">{
alt 图片损坏时的提示信息
title 鼠标悬停时的提示信息
width 图片的宽度
height 图片的高度
}
超链接标签:<a></a>
href 要链接的路径
target 链接在哪个窗口打开
锚链接 从A跳转到A 使用#下锚,直接跳转
从A跳转到B 先从A页面下锚,然后先跳转页面在输入锚点
跳转外网 http 本地跳转外网,使用http://来连接
列表:无序列表 <ul><li></li></ul>
ul 声明无序列表 li声明列表项
有序列表 <ol><li></li></ol>
ol声明有序列表 li声明列表项
定义列表 <dl><dt><dd></dd></dt><dl>
dl 声明定义列表 dt声明列表项 dd定义列表内容
表格:<table><th><tr><td></td></tr></th></table>
table 声明表格
tr 行标签
th 元素内部的文本 通常会居中加粗
td 左对齐的普通文本
表单:
-
form表单
method —— 请求方式
action—— 要跳转的路径
input —— 输入框
type ——表示 input框的类型
1、type=text 表示文本类型
2、type=password 表示密码类型
3、type=submit 提交按钮
4、type=reset 重置按钮
指定元素的类型。text、password、checkbox、radio、submit、reset、file、hidden、image 和 button,默认为 text
name–——指定表单元素的名称
value——元素的初始值。type 为 radio时必须指定一个值
size——指定表单元素的初始宽度。当 type 为 text 或 password时,表单元素的大小以字符为单位。对于其他类型,宽度以像素为单位
maxlength——type为text 或 password 时,输入的最大字符数
checked——type为radio或checkbox时,指定按钮是否是被选中 -
get和post的区别
GET在浏览器回退时是无害的,而POST会再次提交请求。
GET产生的URL地址可以被Bookmark,而POST不可以。
GET请求会被浏览器主动cache,而POST不会,除非手动设置。
GET请求只能进行url编码,而POST支持多种编码方式。
GET请求参数会被完整保留在浏览器历史记录里,而POST中的参数不会被保留。
GET请求在URL中传送的参数是有长度限制的,而POST么有。
对参数的数据类型,GET只接受ASCII字符,而POST没有限制。
GET比POST更不安全,因为参数直接暴露在URL上,所以不能用来传递敏感信息。
GET参数通过URL传递,POST放在Request body中。
input标签
文本框——text
密码框——password
单选按钮——radio
复选框——checkbox
列表框——select、option
按钮——reset、submit、button
多行文本域——textarea cr
文件域——file
隐藏域——hidden
只读——readonly
禁用——disabled
4、图片格式
1、GIF
图形交换格式(外语简称:GIF、外语全称:Graphics Interchange Format),是CompuServe公司在 1987年开发的图像文件格式。
GIF文件的数据,是一种基于LZW算法的连续色调的无损压缩格式。其压缩率一般在50%左右,它不属于任何应用程序。几乎所有相关软件都支持它,公共领域有大量的软件在使用GIF图像文件。
2、JPG
文件后辍名为".jpg"或".jpeg",是最常用的图像文件格式,由一个软件开发联合会组织制定,是一种有损压缩格式,能够将图像压缩在很小的储存空间,图像中重复或不重要的资料会被丢失,因此容易造成图像数据的损伤。
3、 PNG
便携式网络图形(外语简称PNG、外语全称:Portable Network Graphics),是网上接受的最新图像文件格式。PNG能够提供长度比GIF小30%的无损压缩图像文件。它同时提供 24位和48位真彩色图像支持以及其他诸多技术性支持。
由于PNG非常新,所以并不是所有的程序都可以用它来存储图像文件,但Photoshop可以处理PNG图像文件,也可以用PNG图像文件格式存储。
4、BMP
BMP 是(Windows 位图) Windows 位图可以用任何颜色深度(从黑白到 24 位颜色)存储单个光栅图像。Windows 位图文件格式与其他 Microsoft Windows 程序兼容。它不支持文件压缩,也不适用于 Web 页。
Windows 位图文件格式的缺点超过了它的优点。为了保证照片图像的质量,请使用 PNG 、JPEG、TIFF 文件。BMP 文件适用于 Windows 中的墙纸。