用于组织页面的结构
基本语法
头和尾必须有<html>标签,其他所有标签都放在html标签中
由head和body区域两部分组成
标签基本语法
标签都在<> 中
标签大部分成对存在 <html> </html>
HTML的基本标签
HTML标签
网页从<html>开始到</html>结束
head标签
代表页面的“头”,定义浏览器不可见的特殊内容
标签 | 作用 |
---|---|
<head> | 头部标签 |
<title> | 网页标题 |
body标签
代表页面的“身”,定义网页展示内容
常用标签
文本属性
标签内使用 - align对齐方式
标签 | 说明 |
---|---|
center | 居中 |
left | 左对齐 |
right | 右对齐 |
文本标签
标签 | 说明 |
---|---|
<p> | 段落标签 - 换行 |
<span> | 行级标签 - 独占一行(不换行) |
<div> | 块级标签 |
ifream | 子页面标签 |
文本标签
标签 | 说明 |
---|---|
<h1>~<h6> | 标题 |
<big> | 大字体 |
<br> | 换行 |
<strong> | 加粗 |
<i> | 斜体 |
<u> | 下划线 |
<del> | 中划线 |
图片标签
<img>
属性
名称 | 作用 |
---|---|
src | 图片地址 |
width | 宽度 |
height | 高度 |
align | 对齐方式 |
alt | 图片加载失败说明 |
title | 鼠标放置说明 |
超链接标签
<a>
设定锚点
标记一个地点,方便以后瞬移回去
标记 - name
<a name="xxx"></a>
转移 - href
<a href="#xxx"></a>
跳转链接
去除跳转功能
href="javascript:void(0)"
名称 | 作用 |
---|---|
href | 跳转地址 |
target | 跳转方式(覆盖/新建) |
表格标签
名称 | 作用 |
---|---|
<table> | 表格 |
<th> | 表头 |
<tr> | 行 |
<td> | 列 |
属性
名称 | 作用 |
---|---|
width | 宽度 |
height | 高度 |
border | 边框宽度 |
cellspacing | 线条粗细 |
cellpadding | 内部大小 |
bordercolor | 线条颜色 |
bgcolor | 背景颜色 |
rowspan | 行合并 |
colspan | 列合并 |
表单标签
<from>
属性
名称 | 作用 |
---|---|
action | 提交地址 |
method | 提交方式 |
method提交方式
get:数据放在url地址后面,不安全,提交数据量相对较小
post:数据放在请求头中,安全,可以提交任意大小的数据
组件标签
文本类
<input type=" ****" placeholder="输入提示语句"/>
名称 | 作用 |
---|---|
text | 明文框 |
password | 密文框 |
文本域
<textarea rows="占行数" cols="占列数"></textarea>
选项框
多选之间name值必须一致
必须有value属性,提交时是提交value值
<input type="****" name"****" value"****">
名称 | 作用 |
---|---|
radio | 单选框 |
checkbox | 多选框 |
select > option | 下拉框 |
提交按钮
<input type="submit" value="按钮名"/>
列表标签
有序列表
ol type="序列类型">li
无序列表
ul type="符号类型">li
自定义列表
dl>dt dd
dl 声明自定义列表
dt 标题
dd 项目