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中许多知识点是经常用到的,但是有时候我们 ...

随机推荐

【刷题】BZOJ 1003 [ZJOI2006]物流运输
Description 物流公司要把一批货物从码头A运到码头B.由于货物量比较大,需要n天才能运完.货物运输过程中一般要转停好几个码头.物流公司通常会设计一条固定的运输路线,以便对整个运输过程实施严格 ...
[51nod1325]两棵树的问题
description 题面 solution 点分治+最小割. 点分必选的重心,再在树上dfs判交,转化为最大权闭合子图. 可以做\(k\)棵树的情况. code #include<iostr ...
bzoj3489: A simple rmq problem （主席树）
//========================== 蒟蒻Macaulish:http://www.cnblogs.com/Macaulish/ 转载要声明! //=============== ...
[AHOI2009]中国象棋 DP，递推，组合数
DP,递推,组合数其实相当于就是一个递推推式子,然后要用到一点组合数的知识一道很妙的题,因为不能互相攻击,所以任意行列不能有超过两个炮首先令f[i][j][k]代表前i行,有j列为一个炮,有k列 ...
BZOJ5338：[TJOI2018]异或——题解
https://www.lydsy.com/JudgeOnline/problem.php?id=5338 现在有一颗以1为根节点的由n个节点组成的树,树上每个节点上都有一个权值vi. 现在有Q 次操 ...
BZOJ1834：[ZJOI2010]网络扩容——题解
http://www.lydsy.com/JudgeOnline/problem.php?id=1834 https://www.luogu.org/problemnew/show/P2604#sub ...
JavaScript倒计时脚本
JavaScript倒计时在Web中用得非常广泛,比如常见的团购啊.还有什么值得期待的事情,都可以用到倒计时.现在举了四个例子,比如时间长的倒计时,小时倒计时,最简的倒计时,还有秒表等等,应该可以满足 ...
Java CPU占用率高分析
首先,通过top命令找出CPU占用率高的进程: 然后,通过ps -o THREAD,tid,time -mp 2066命令找出执行时间最长的线程的TID 将有问题的TID转为16进制格式: print ...
Qt ---------- connect连接类型
Qt::AutoConnection 0 (Default) If the receiver lives in the thread that emits the signal, Qt::Direct ...
Eclipse中安装插件的三种方式
转载自:http://www.cnblogs.com/lcgustc/archive/2013/01/03/2843496.html Eclipse也用了很久,但是都没有怎么去研究过怎么安装插件,今天 ...

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标签单