HTML各种标签
<!DOCTYPE html> 以html的方式去解析网页,一般不写也可以默认html
<head> html头部内容
<meta> 存放主要信息
charset你懂得
具有name与content可以作为键值对存放信息,可以通过此方式来进行SEO(搜索引擎优化)
<tile> 网页头部显示
<h1> ------- <h6> 标题标签可以加粗,加回车
<p> 段落标签,自动换行
<hr/> 横线标签
<br/> 换行标签
&npbs; 空格
<strong> 粗体
<em> 斜体
<img> 图片标签
src图片地址,相对绝对都可以
alt当图片无法加载的时候显示的文字
title指针悬停在图片的时候显示的内容
height、width你懂得
<a> 超链接标签
href连接地址
target在那个窗口打开
_self 当前窗口
_blank 新窗口
锚链接
通过a标签的name先在一个位置定锚,
然后通过href的值通过加“#锚的name”
可以实现页面间跳转,也可以实现页面外的定点跳转
功能链接:
邮箱链接
写在href里面
mailto:邮箱地址
QQ推广,自己百度
块元素:
一个标签独占一行(块)
<hx> <p> 等
行内元素:
一个标签可以与其他标签共行
<em> <strong>等
<ol> 有序列表
有123456
<ul> 无序列表
只有点点点
两个列表里面都加<li>加东西
<dl> 自定义列表
<dt>列表名字
<dd>列表内容
<table> 表格标签
具有border属性添加边框
<tr> 行标签
<td> 列标签写在行标签里面
colspan跨列占格子
rowspan跨行占格子
<vedio> 视频标签
src你懂得
controls 控制开关条
autoplay 自动播放
<audio> 音频标签
src你懂得
controls 控制开关条
autoplay 自动播放
<header> 头部
<footer> 底部
section 一块独立的区域
article 独立的文章内容
aside 侧边栏
anv 导航类辅助内容
<iframe> 内联框架
src
width
height
name 给这个标签加个名字
可以通过a标签跳转来实现控制框架内部的显示
<form> 表单标签
method方式
action向那个地方发送请求
<input>
type设置输入框类型
text
password
submit 提交
reset 重置
radio 单选框
checkbox多选框
button 按钮
image 图片可以跳转
value元素的初始值
maxlength最大位数
<select> 下拉框标签
返回键值对
name key的值
<option> 其中选项的标签
value value的值
<textarea> 文本域标签
<input>里面的type写为file
input里面类型
type
email邮箱
url地址
number数字
range滑块
search搜索框
hidden 隐藏,把当前这个input隐藏起来,前端看不见,但是存在,可以具有默认值
readonly 字面意思,只读
disable 禁用
placeholder 提示信息
required 必须非空
pattern 必须符合所给出的正则表达式的要求
<label> label标签,具有一个for属性可以鼠标点击然后指向这个地方