HTML基础介绍

一、HTML
HTML : Hyper Text Markup Language 超文本标记语言
超文本 : 比普通文本功能更加强大,可以添加各种样式
标记语言 : 通过一组标签.来对内容进行描述. < 关键字 > , 是由浏览器来解释执行
虽然是一门弱语言,但是只能是用定义好的标签,
常见标签含义:
B: 加粗

I : 斜体

strong: 加粗, 带语义标签,比如阅读,会加重语气,建议使用带语义的标签

em: 斜体, 带语义,

s : 加删除线

ins:加下划线

br :换行

hr : 水平线

font : 字体

color 颜色
size 改变字体大小
face:字体形态
img 插入图片

src 指定图片路径

../ 表示上一级路径
./ 表示当前路径
../../ 表示上上一级
alt 图片加载失败时的提示内容
指定图片宽度
height 指定图片高度
border 边框

solid 单实线
dashed 虚实线
dotted 点线
double 双实线
无序列表: ul

元素用 li ,列表项
type 属性,设置前面点 :小圆圈,小圆点, 小方块
有序列表: ol

type : 1 , a , A , I ,
start : 指定是起始索引,必须是数字
reversed : 是否进行反向排序
dl 对术语进行解释

dd 内部标签项
没有任何项目符号
header 元素,用来导航和引导的结构元素,标题。
nav 导航链接
article 代表文档页面或者程序中与上下文不相关的独立部分。
aside 当前页面或者文章的副属信息,包含侧边栏,广告等
section 对网站的内容进行分块
footer , 页面底部
details 和 summary ,隐藏属性
progress ,任务进度
draggable 是否可以被拖动,
a 超链接标签

常用的属性:

* href: 指定要跳转去的链接地址 ,如果是网络地址需要加上http协议 , 如果访问的是本网站的html文件,可以直接写文件路径
target : 以什么方式打开

_self: 默认打开方式,在当前窗口打开
_blank: 新起一个标签页打开页面
百度一下
锚点链接

a href = ' # id ' > 链接文本 /a
table 标签

border: 指定边框
width : 宽度,填充设置成 100% 即可,
height : 高度
bgcolor : 背景颜色
align : 对齐方式
tr标签
td标签 , 可以操作列合并或者行合并,但是合并要占用单元格,需要把被占用的单元格删除,不然会溢出

colspan : 跨列操作,合并
rowspan : 跨行操作,合并
注意: 跨行或者跨列操作之后,被占掉的格子需要删除掉
表格单元格的合并
表格的嵌套,在一个表格中新增其他表格
表单标签

action : 直接提交的地址
method :

get 方式 默认提交方式 ,会将参数拼接在链接后面 , 有大小限制 , 4k
post 方式 会将参数封装在请求体中, 没有这样的限制
input :

type : 指定输入项的类型
text : 文本
password : 密码框
radio : 单选按钮
checkbox : 复选框
file : 上传文件
submit : 提交按钮
button : 普通按钮
reset : 重置按钮
hidden : 隐藏域
date : 日期类型
tel : 手机号
number : 只允许输入数字
placeholder : 指定默认的提示信息
required 规定输入框内容不为空。否则不允许提交表单
name : 在表单提交的时候,当作参数的名称
id : 给输入项取一个名字, 以便于后期我们去找到它,并且操作它
textarea : 文本域, 可以输入一段文本

cols : 指定宽度
rows : 指定的是高度
select : 下拉列表

option : 选择项
frameset 框架标签,使用需要将 body 去除

clos : 按列划分
rows : 按行划分
Ctrl + D 删除光标当前所在的行
Ctrl + Shift + R 复制当前行到下一行
Ctrl + Enter 将光标移动到下一行
Ctrl + Shift + Enter 将光标定位在上一行
Ctrl + Shift + / 注释当前行
Ctrl + R 运行当前网页/刷新当前网页

原文地址:https://www.cnblogs.com/fgy11/p/13054956.html