标签
<head>:头标签,用于定义页面说明型或者功能型信息。如字符集、引入css样式、引入javascript功能等
<body>:身体标签,用于定义页面的展示型信息
<html>:相当于java类 类的大括号,把html的所有代码包裹起来
注解标签
格式:<!--注解内容-->
特点:浏览器不显示,查看源码可见;不能嵌套。
标题标签
用于修饰标题
包含:<h1>、<h2>、<h3>、<h4>、<h5>、<h6>,h1最大,h6最小
特点:独占一行
水平线标签
<hr/>
用于在页面创建一条水平分割线,也会自动换行
属性:
字体标签
<font>
用于设置字体大小和颜色
属性:size、color
字体格式化标签
粗体:<b><b/>
斜体:<i><i/>
段落格式化标签
<p><p/>
属性:align(对齐方式)
换行标签
<br/>
空格标签
图片标签
<img/>
属性:路径中的“../”代表向上一级,“./”代表当前目录
列表标签
<ol>:有序列表标签 type可取值:A、a、I、i、1等
<ul>:无序列表标签 type取值:disc实心圆、square方块、circle空心圆
<li>:列表项
超链接标签
<a><a/>
超链接需要能够点击的前提:
标签必须有内容体、必须有href属性
属性:
表格标签
作用:1、用来展示数据 2、用来进行页面布局(一般用div标签布局)
表格的结构标签:
常用表格属性:
例子:设置一个三行三列的表格,其中第一行跨三列
显示结果:
框架标签
<frameset>:是框架设置布局标签,专门用于页面的布局和划分。和<body>可以相互代替,不能共存。
frameset属性:
<frame>标签:是<frameset>的子标签,用于页面的引入
frame属性:
块标签
<span>:行级的块标签,用于在效果中 一行上定义一个块,进行内容显示。
1、span有多少内容,就占多大空间 2、不会自动换行
<div>:块级块标签,用于在效果中 定义一块,默认占满一行,进行内容的显示
1、默认占满一行,自动换行
这两个标签的应用场景:
div: span:
表单标签
<form>
作用:用于将客户端浏览器的数据提交给服务器,一切需要提交数据的场景都会使用到表单
写法:
<form>: 注意和<from>写法上的区别 表单是个容器,在页面不显示
<input>:表单输入项标签,标签用于获得用户输入信息,type属性值不同,会成为不同的组件。最常用的标签
input属性:
input-type的属性值说明:
表单输入标签之下拉列表标签
- <select> 定义一个下拉列表。可以进行单选或多选。
- <option>定义一个下拉列表的列表项。
select属性:
option属性:
表单输入项标签之文本域标签
<textarea></textarea>:文本域标签,可支持用户输入并提交大量纯文字数据
属性:name,组件名,如果需要下拉选择框数据提交到服务器,必须提供name属性
扩展:
Textarea和input框的区别:
- textarea 可以输入大量数据,而input仅可输入少量数据
- Textarea 提交参数的值是内容体之间的数据,input提交的value属性的值
<form>表单标签常用属性:
扩展:
Get和Post的区别:
- get提交的数据是在地址栏上显示(默认是get方式); Post: 提交的数据在请求体中
- 安全性方面 get因为在地址栏暴露了数据,所以不安全;Post 相对安全
- 提交数据量方面 使用get提交的数据有上限(提交数据量小的); post提交数据无上限 文件上传:po