HTML入门

静态资源和动态资源:

一、如果用户请求的是静态资源,那么服务器直接将静态资源发送给浏览器。浏览器内置了静态资源解析引擎,来展示静态资源。
二、如果用户请求的是动态资源,那么服务器会执行动态资源,转换为静态资源,再发送给浏览器


基本标签:

html:文档的根标签
head:头标签。引入外部资源
title:标题标签。
body:体标签
<!DOCTYPE html>:H5中定义该文档是html文档


常用标签
<h1> to <h6>:标题标签 字体大小逐渐递减
<p>:段落
<br>:换行
<hr>:显示一条水平线 
	属性:
		color:颜色
		width:宽度
		size:粗细
		align:对其方式
			center:居中
			left:左对齐
			right:右对齐
<b>:字体加粗
<i>:斜体
<center>:文本居中
<font>:字体标签
	属性:
		color:颜色
		size:大小
		face:字体

注释:
	<!-- 注释内容 -->

图片标签:
	<img src="图片存放位置">

列表标签:
	有序列表:
		ol:order list
		li:
	无序列表:
		ul:
		li:

链接标签:
	a:定义一个超链接
		属性:
			href:指定访问资源的url
			target:指定打开资源的方式
				_self:默认值,在当前页面打开
				_blank:在空白页面打开

块标签:
	div:每一个div沾满一整行。块级标签
	span:文本信息在一行展示,行内标签

语义化标签:H5中为了提高程序的可读性,提供了一些标签。
	<header>
	<footer>

表格标签:
	table:定义表格
		width:宽度
		border:边框
		cellpadding:
		cellspacing:定义单元格之间的距离。如果指定为0,则单元格的线会合为一条
		bgcolor:背景色
		align:对其方式
	tr:定义行
		bgcolor:背景颜色
		align:对齐方式
	td:定义单元格
		colspan:合并列
		rowspan:合并行
	th:定义表头单元格
	<caption>:表格标题
	<thead>:表示表格头部份
	<tbody>:表示表格体部份
	<tfoot>:表示表格脚部份

表单标签:
	表单:
		概念:用于采集用户输入的数据的。用于和服务器交互。
		使用的标签:form
	form:定义表单。可以定义一个范围,范围代表采集用户数据的范围
		属性:
			acction:指定提交数据的url
			method:指定提交方式
				分类:一共7种,2种比较常用
					get:
						请求参数会在地址栏显示。会封装到请求行中
						请求参数的大小有限制的
						不太安全
					post:
						请求参数不会再地址栏显示。会封装在请求体中
						请求参数的大小没有限制
						较为安全
		表单项中的数据要想被提交,必须指定其name属性
表单项标签:
	input:可以通过type属性值,改变元素展示样式
		type属性:
			text:文本输入框
				placeholder:指定输入框的提示信息,当输入框的内容发生变化,会自动清空提示信息
			password:密码输入框
			radio:单选框
				注意:
					要想让多个单选框实现单选的效果,则多个单选框的name属性必须一样
					一般会给每一个单选框指定value属性,来指定其被选中后提交的值
					checked属性,可以指定默认值
			checkbox:复选框
				注意:
					一般会给每一个单选框指定value属性,来指定其被选中后提交的值
					checked属性,可以指定默认值
			file:文件选择框
			hidden:隐藏域,用于提交一些信息
			按钮:
				submit:提交按钮。可以提交表单
				button:普通按钮
				image:图片提交按钮
					src属性指定图片的路径
	lable:指定输入项的文字描述信息
		注意:lable的for属性一般会和input的id属性值对应。如果对应了,则点击lable区域,会让input输入框获取焦点
	select:下拉列表
		子元素:option,指定列表项
	textarea:文本域
		cols:指定列数,每一行有多少个字符
		rows:默认多少行
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值