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 4516 [Sdoi2016]生成魔咒
Description 魔咒串由许多魔咒字符组成,魔咒字符可以用数字表示.例如可以将魔咒字符 1.2 拼凑起来形成一个魔咒串 [1,2]. 一个魔咒串 S 的非空字串被称为魔咒串 S 的生成魔咒. 例 ...
2018牛客多校第四场 J.Hash Function
题意: 给出一个已知的哈希表.求字典序最小的插入序列,哈希表不合法则输出-1. 题解: 对于哈希表的每一个不为-1的数,假如他的位置是t,令s = a[t]%n.则这个数可以被插入当且仅当第s ~ t ...
BZOJ5338：[TJOI2018]异或——题解
https://www.lydsy.com/JudgeOnline/problem.php?id=5338 现在有一颗以1为根节点的由n个节点组成的树,树上每个节点上都有一个权值vi. 现在有Q 次操 ...
洛谷 P1108 低价购买解题报告
P1108 低价购买题目描述 "低价购买"这条建议是在奶牛股票市场取得成功的一半规则.要想被认为是伟大的投资者,你必须遵循以下的问题建议:"低价购买:再低价购买&quo ...
剑桥offer(41~50)
41.题目描述求1+2+3+...+n,要求不能使用乘除法.for.while.if.else.switch.case等关键字及条件判断语句(A?B:C). class Solution { pub ...
爬虫实例——通过JS控制滚动条
案例某位淘女郎的某个相册有能力的童鞋可以先尝试一下爬取每张照片的链接. 我曾经尝试过几种方法,下面一一介绍: 第一种方法,采用requests和BeautifulSoup: import requ ...
oracle数据库数据导入导出步骤（入门）
oracle数据库数据导入导出步骤(入门) 说明: 1.数据库数据导入导出方法有多种,可以通过exp/imp命令导入导出,也可以用第三方工具导出,如:PLSQL 2.如果熟悉命令,建议用exp/imp ...
HDU1531 差分约束
King Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others)Total Submis ...
移动端1px边框问题
用于手机端受dpr的影响,实际开发中,PC端和移动端展示的效果不太一样,往往在PC端显示的是1px,移动端常常是偏粗一些. 解决办法: 主要是用到伪类及缩放.在需要画边框的元素上,设置一个伪类,它的伪 ...
ASP.NET和ASP的区别是什么
分析: ASP与ASP.NET是Microsoft公司在Web应用程序开发上的两项重要技术. ASP与ASP.NET区别如下: (1)开发语言不同:ASP的开发语言仅局限于使用non-type脚本语言 ...

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