HTML 知识点总结
HTML基本语法
HTML标签
- 单标签
<标签名>
或<标签名 />
- 双标签
<标签名>内容</标签名>
- 跟标签也叫元素(根元素)
属性
- 属性属于标签
- 一个标签可以有多个属性,每一个属性有不同的意义
- 属性值最好写在双引号中
代码规范
- 缩进 Tab或4个空格
注释
<!--注释内容-->
HTML 主体结构标签
文档声明
<!DOCTYPE html>
html标签
<html></html>
head标签
<head></head>
- 里面会包含诸多页面标题,搜索引擎信息等相关的标签
body标签
<body></body>
- 页面的主体内容
- 属性
- background
- bgcolor
- text
- link 超链接默认颜色
- vlink 点击过后的颜色
- alink 正在点击的颜色
head头部标签
标签
- 定义字符编码
<meta charset="utf-8"/>
<meta http-equiv="content-type" content="text/html;charset="utf-8"/>
- 刷新或跳转
<meta http-equiv="refresh" content="3"/>
<meta http-equiv="refresh" content="3;url=http://unclealan.cn"/>
- 设置关键字
<meta name="keywords" content="每个词用英文,隔开"/>
- 设置页面描述
<meta name="description" content="80字之内一段话"/>
定义网站标题图标
<link rel="shortcut icon" href="图片地址.ico"/>
格式排版标签
换行标签 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 ...