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

随机推荐

CentOS 查看系统内核和版本
1.uname 命令用于查看系统内核与系统版本等信息,格式为“uname [-a]”. [root@bigdata-senior01 ~]# uname -a Linux bigdata-senior ...
[洛谷P3950]部落冲突
题目大意:给你一棵树,有$3$个操作: $Q\;p\;q:$询问$p,q$是否连通 $C\;p\;q:$把$p->q$这条边割断 $U\;x:$恢复第$x$次操作二题解:可以在割断时把这条边赋 ...
【以前的空间】bzoj 1227 [SDOI2009]虔诚的墓主人
题解:hzw大神的博客说的很清楚嘛 http://hzwer.com/1941.html 朴素的做法就是每个点如果它不是墓地那么就可形成十字架的数量就是这个c(点左边的树的数量,k)*c(点右边的树的 ...
POJ3070：Fibonacci——题解
http://poj.org/problem?id=3070 题目大意:求Fibonacci数列第n项,对10000取模. 矩阵乘法板子题……实在不知道写什么了. #include<iostre ...
怎么使用formBuilder以拖拽方式编写页面
1.以admin用户登录系统,打开formbuilder http://localhost:8081/framework/main/formbuilder 2.从右方组件中,用鼠标拖拽页面所需的组件到 ...
关于深度学习(deep learning)的常见疑问 --- 谷歌大脑科学家 Caffe缔造者贾扬清
问答环节问:在finetuning的时候,新问题的图像大小不同于pretraining的图像大小,只能缩放到同样的大小吗?" 答:对的:) 问:目前dl在时序序列分析中的进展如何?研究思路 ...
CentOS 下安装Mplayer播放器（转载）
一.准备工作需要的安装包及下载地址:1.mplayer源代码包(MPlayer-1.0rc4.tar.bz2)下载:http://www.mplayerhq.hu/MPlayer/releases/ ...
SqlDataAdapter 用法详解
SqlCommand是sql命令,执行后通过sqlDataAdapter返回填入DataSet SqlDataAdapter 有不同的构造函数, SqlDataAdapter(SqlCommand ...
Mybatis 使用技巧总结
9月 11, 2014 | Nix.Huang 目录: 1.区分 #{} 和 ${}的不同应用场景 2.spring环境用mybatis-spring 的接口而不是Mybatis的原生接口 3.返回M ...
http-反向代理学习
主要是学习了反向代理. 结合公司的方向代理使用,然后与同事进行交流,知识还是需要通过交流才能印象深刻,以后多多交流.

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