2021-06-17

初学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>
特殊符号: &gt;   >
			&lt;   <
			&nbsp;    空格
			&quot ;   ©
图片标签:<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 中的墙纸。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值