HTML基本语法

HTML标签

单标签 <标签名>或<标签名 />
双标签 <标签名>内容</标签名>
跟标签也叫元素(根元素)

属性

属性属于标签
一个标签可以有多个属性,每一个属性有不同的意义
属性值最好写在双引号中

代码规范

缩进 Tab或4个空格

注释

HTML 主体结构标签

文档声明

<!DOCTYPE html>

html标签

<html></html>

head标签

<head></head>
里面会包含诸多页面标题,搜索引擎信息等相关的标签

body标签

<body></body>
页面的主体内容
属性
background
bgcolor
text
link 超链接默认颜色
vlink 点击过后的颜色
alink 正在点击的颜色

head头部标签

格式排版标签

换行标签 br

<br />

分隔线 hr

<hr />
语义:段落于段落之间的分割
属性
align :left/right/center

标题标签 hn

<h1></h1> 一级标题
<h2></h2> 二级标题
<h3></h3> 三级标题
<h4></h4> 四级标题
<h5></h5> 五级标题
<h6></h6> 六级标题

居中标签

<center></center>
不建议使用

HTML实体

  空格
< <
> >
" ""引号
© © 版权
¥ ¥
× x
&dicide; ÷
® ®

列表标签

ul 双无序列表属性type(disc(默认)/square/circle)
li 双列表项属性type 值同上
ol 双有序列表属性reversed(降序) type(1/a/A/I/i) statr(从哪个数或字母开始)
dl 双定义列表
dt 双列表项目的标题
dd 双列表项目的描述

文本标签(双)

em 强调表现为斜体
strong 强调表现为加粗
cite 引证,距离,书名,电影名
dfn 定义项目
kbd 键盘按键
abbr 定义缩写配合title
bdo 配合dir属性(ltr左到右,rtl右到左) 改变文字书写方向
code 定义代码
var 定义变量
del 已经删除的删除线
ins 当前的下划线
sup 上标
sub 下标
q 引用短
blockquote 引用长
address 定义地址
b 加粗强调
i 斜体科学专业术语
u 下划线定义与其他文本不同风格的文本

超链接

URL

统一资源定位符
万维网的每一个文件都有一个URL

a标签

href 值 URL
target 网页的打开方式 _self(默认)/_blank(新窗口)
title 提示
download 下载 h5新增

路径

相对路径 ./ ../(上两层)
绝对路径

图像

img标签属性

src
alt 图片无法显示时的文字
title
border 值数字
width 图片宽度
height 图片高度
usemap

常见的图片格式

jpg/jpeg
gif
png

图片热点图片映射

map id/name
area shape(circle rect矩形 poly多边形) href title target...

表格

table 标签

border
width
height
cellspacing 单元格之间的间隙默认2
cellpadding 单元格和单元格内容之间的间隙默认0
align
bgcolor
background

tr 标签表示一行

align 行内文字的水平对齐方式 left/center/right
valign 行内文字的垂直对齐方式 top/middle/bottom
height 行高度
bgcolor
colspan合并列(左右) rowspan合并行(上下)

td 标签表示单元格

align
valign
width
height

th 标签表头

属性同td

thead标签

tbody标签

tfoot标签

caption标签定义表格标题

colgroup/col

表单

form标签

action
method 值 get/post 默认get
target
enctype

input标签单
name 属性
text 默认文本框
password 密码框
radio 单选框
checkbox 复选框
file 文件上传
submit 提交按钮
reset 重置按钮
button 普通按钮
image 把图片作为提交按钮的样子不推荐
hidden 隐藏域
value属性默认值 type值不同value的意义不一样
size 属性控制输入框宽度适用于text和password
maxlength 属性最大输入字符个数适用于text和password
checked 属性默认选中适用于radio/checkbox
readonly 只读适用于text/password
disabled 表示不可用
button 元素
type 属性
submit(默认)
reset
button

select 标签 (下拉列表)
name
size
multiple 设置多选
disabed

option 标签
value
disabled
selected 默认选项

optgroup 对select下的option进行分组

textarea 文本域

name
disabled
rows 高度
cols 宽度
readonly

label

for 表单控制的ID

fieldset 表单的外框

legend 标题

HTML 知识点总结的更多相关文章

ASP.NET Core 中的那些认证中间件及一些重要知识点
前言在读这篇文章之间,建议先看一下我的 ASP.NET Core 之 Identity 入门系列(一,二,三)奠定一下基础. 有关于 Authentication 的知识太广,所以本篇介绍几个在 A ...
ASP.NET MVC开发：Web项目开发必备知识点
最近加班加点完成一个Web项目,使用Asp.net MVC开发.很久以前接触的Asp.net开发还是Aspx形式,什么Razor引擎,什么MVC还是这次开发才明白,可以算是新手. 对新手而言,那进行A ...
UWP开发必备以及常用知识点总结
一直在学UWP,一直在写Code,自己到达了什么水平?还有多少东西需要学习才能独挡一面?我想对刚接触UWP的开发者都有这种困惑,偶尔停下来总结分析一下还是很有收获的! 以下内容是自己开发中经常遇到的一 ...
C#高级知识点&(ABP框架理论学习高级篇)——白金版
前言摘要很早以前就有要写ABP高级系列教程的计划了,但是迟迟到现在这个高级理论系列才和大家见面.其实这篇博客很早就着手写了,只是楼主一直写写停停.看看下图,就知道这篇博客的生产日期了,谁知它的出厂日 ...
lucene 基础知识点
部分知识点的梳理,参考<lucene实战>及网络资料 1.基本概念 lucence 可以认为分为两大组件: 1)索引组件 a.内容获取:即将原始的内容材料,可以是数据库.网站(爬虫).文本 ...
DoraCMS 源码知识点备注
项目需要研究了下DoraCMS这款开源CMS,真心做的不错:).用的框架是常用的express 4 + mongoose,代码也很规范,值得学习. 源码中一些涉及到的小知识点备注下: https:// ...
atitit 商业项目常用模块技术知识点 v3 qc29
atitit 商业项目常用模块技术知识点 v3 qc29 条码二维码barcodebarcode 条码二维码qrcodeqrcode 条码二维码dm码生成与识别条码二维码pdf147码条码二维码z ...
HTML5知识点总结
HTML5知识点总结(一) 一.HTML新增元素 1.IE9版本以下支持HTML5的方法 <!--[if lt IE9]> <script src="http://cdn. ...
JavaScript易错知识点整理
前言本文是我学习JavaScript过程中收集与整理的一些易错知识点,将分别从变量作用域,类型比较,this指向,函数参数,闭包问题及对象拷贝与赋值这6个方面进行由浅入深的介绍和讲解,其中也涉及了一 ...
Sqlserver中一直在用又经常被忽略的知识点一
已经有快2个月没有更新博客了,实在是因为最近发生了太多的事情,辞了工作,在湘雅医院待了一个多月,然后又新换了工作...... 在平时的工作中,Sqlserver中许多知识点是经常用到的,但是有时候我们 ...

随机推荐

【刷题】UOJ #79 一般图最大匹配
从前一个和谐的班级,所有人都是搞OI的.有 $n$ 个是男生,有 $0$ 个是女生.男生编号分别为 $1,-,n$ . 现在老师想把他们分成若干个两人小组写动态仙人掌,一个人负责搬砖另一个 ...
[LOJ3057] [HNOI2019] 校园旅行
题目链接 LOJ:https://loj.ac/problem/3057 洛谷:https://www.luogu.org/problemnew/show/P5292 Solution 先膜一发\(m ...
[luogu2783] 有机化学之神偶尔会做作弊
题目链接洛谷. Solution 边双缩点然后$lca$跑$dis$就好了. 注意这里是边双,不知道为啥所有题解都说的是点双. 边双是定义在点上的,即每个点只属于一个边双:点双是定义在边上的 ...
[洛谷P1369]矩形
题目大意:有$n(n\leqslant300)$个点,每个点坐标范围在$[1\sim100]$,求一个矩阵,使得边界上的点最多. 题解:做一遍二维前缀和,直接暴力枚举两个顶点卡点:无 C++ Cod ...
【基础】ASP.net MVC 文件下载的几种方法（欢迎讨论）
在ASP.net MVC 中有几种下载文件的方法前提:要下载的文件必须是在服务器目录中的,至于不在web项目server目录中的文件下载我不知道,但是还挺想了解的. 第一种:最简单的超链接方法,&l ...
【POJ2976】Dropping Tests（分数规划）
[POJ2976]Dropping Tests(分数规划) 题面 Vjudge 翻译在$Vjudge$上有(而且很皮) 题解简单的$01$分数规划需要我们做的是最大化\(\frac{\su ...
vue-router的钩子
vue-router的钩子分为三类: 1. 全局钩子2. 路由独享钩子3. 组件内钩子 1. 全局钩子 beforeEach(to,from,next) afterEach(route) 2. 路由独 ...
bzoj 3673&3674 可持久化并查集&加强版（可持久化线段树+启发式合并）
CCZ在2015年8月25日也就是初三暑假要结束的时候就已经能切这种题了%%% 学习了另一种启发式合并的方法,按秩合并,也就是按树的深度合并,实际上是和按树的大小一个道理,但是感觉(至少在这题上)更好 ...
ACM3790迪杰斯特拉算法运用
最短路径问题 Problem Description 给你n个点,m条无向边,每条边都有长度d和花费p,给你起点s终点t,要求输出起点到终点的最短距离及其花费,如果最短距离有多条路线,则输出花费最少的 ...
Codeforces Round #403 (Div. 2) B 三分 C dfs
B. The Meeting Place Cannot Be Changed time limit per test 5 seconds memory limit per test 256 megab ...

HTML 知识点总结

HTML基本语法

HTML标签

属性

代码规范

注释

HTML 主体结构标签

文档声明

html标签

head标签

body标签

head头部标签

标签

定义网站标题图标

格式排版标签

换行标签 br

分隔线 hr

标题标签 hn

居中标签

HTML实体

列表标签

文本标签(双)

超链接

URL

a标签

路径

图像

img标签 属性

常见的图片格式

图片热点 图片映射

表格

table 标签

tr 标签 表示一行

td 标签 表示单元格

th 标签 表头

thead标签

tbody标签

tfoot标签

caption标签 定义表格标题

colgroup/col

表单

form标签

input标签 单

button 元素

select 标签 (下拉列表)

option 标签

optgroup 对select下的option进行分组

textarea 文本域

label

fieldset 表单的外框

legend 标题

HTML 知识点总结的更多相关文章

随机推荐

热门专题

img标签属性

图片热点图片映射

tr 标签表示一行

td 标签表示单元格

th 标签表头

caption标签定义表格标题

input标签单