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

随机推荐

hdu 1162 Eddy's picture (最小生成树)
Eddy's picture Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others)To ...
Codeforces ZeptoLab Code Rush 2015 D.Om Nom and Necklace(kmp)
题目描述: 有一天,欧姆诺姆发现了一串长度为n的宝石串,上面有五颜六色的宝石.他决定摘取前面若干个宝石来做成一个漂亮的项链. 他对漂亮的项链是这样定义的,现在有一条项链S,当S=A+B+A+B+A+. ...
CentOS 服务ftp（vsftpd）
1.检查是否已经安装vsftpd yum list installed | grep vsftpd 2.安装vsftpd yum install -y vsftpd 3.检查vsftpd system ...
BZOJ1509 & 洛谷4408：[NOI2003]逃学的小孩——题解
https://www.lydsy.com/JudgeOnline/problem.php?id=1509 https://www.luogu.org/problemnew/show/P4408 sb ...
YBT 2.4 AC自动机
其实这个专题NOIP几乎不考 AC自动机,就是能让题自动AC的东西,是不是十分神奇对的,就是这么神奇 AC自动机是解决多模式串与文本串匹配的问题是KMP+Trie树的结合,也是一个毒瘤算法 Key ...
HDU5533（水不水？）
Dancing Stars on Me Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 262144/262144 K (Java/Ot ...
POJ_2112_Optimal Milking 这里有超级快的网络流板子
Description FJ has moved his K (1 <= K <= 30) milking machines out into the cow pastures among ...
stout代码分析之七：Result类
Result类似于Option和Try类的组合,内部有三种状态 enum State { SOME, NONE, ERROR }; SOME表示Result对象有值 NONE表示Result对象值为空 ...
File file:/data1/hadoop/yarn/local/usercache/hp/appcache/application_* does not exi
AM Container for appattempt_1453292851883_0381_000002 exited with exitCode: -1000For more detailed o ...
hbase监控简单实用脚本
我们以前使用过的对hbase和hdfs进行健康检查,及剩余hdfs容量告警,简单易用 1.针对hadoop2的脚本: #/bin/bashbin=`dirname $0`bin=`cd $bin;pw ...

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