HTML基础知识笔记摘要
HTML
互联网三大基石:
1.HTML:显示数据
2.HTTP:传输数据 http传输协议
3.URL:定位数据
协议://ip地址或主机名:端口/网络中的内容...
HTML(hyper text makeup language):超文本标记语言
什么是文本:记录文字本身 又记录样式的文本 叫文本
什么是纯文本:只记录文字本身,不记录样式的文本 叫纯文本
什么是超文本:超文本是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本
HTML的版本:HTML4 版本包括两个小版本 HTML4.01 和XHTML 1.0
HTML的本质:让文本具有语义的功能
h1标签是让文本具有一级标题的语义
p标签是让文本具有段落的语义
HTML语法:
1.html的注释不能嵌套
2.标签必须正确关闭
3.标签必须成对存在,单标签除外
4.标签不能随意嵌套
5.标签中可以有属性,属性出现在首标签的尖括号内且必须和首标签有一个空格字符
属性和属性之前必须有一个空格字符。
6.属性必须有值,且必须被引号引起来(在HTML中单引号和双引号是一个意思)
7.在HTML中标签使用小写字母,在XHTML中标签使用大写
在HTML中任何多个换行或是空格连在一起均解析为一个空格
所以在HTML中用一个 ;来表示一个空格
在页面中输入一些特殊字符,应该使用字符实体
<表示小括号 >;表示大括号
<del>xx</del> delete中划线 删除线
<b>xx</b> bold加粗
<i>xx</i> italic 斜体
<font size = 7></font> font 表示字体的意思 size表示字体的大小 最大值为7
X<sup>2</sup> 表示X的平方 sup表示为一个上标
O<sub>2</sub> 表示为氧气 sub表示为一个下标
<pre> </pre> 如实显示
我们希望页面中显示一张图片的时候,用img标签 (image)
src 表示图片的路径
alt 当图片显示不了时,用于提醒的文字
title 当鼠标悬停在图片时,显示的文字
width 设置图片的宽
height 设置图片的高
<embed></embed> <video></video> <audio></dudio>
a标签表示超链接标签
href 表示要跳转的URL
target
1:_self 默认值 在本窗口打开
2:_blank 新建页面打开
3._parent
4._top
5.自定义值
a标签表示邮件链接
设置href的值为"mailto:邮箱 "
a标签表示锚点
name属性表示锚点
访问锚点只需要在URL的后面添加#再加上锚点名
列表
ol (orderlist)有序列表
ul (unorderlist)无序列表
li (listitem) 列表中的每一项
table标签表示表格
1.用于数据的显示
2.用于页面布局 08年age
属性: border:边框
tr标签 表示一行
td标签 表示一个单元格
colspan跨列
rowspan跨行
form标签 用于搜集和提交用户的信息
action 表单提交的地址
method 表单提交的方式
get 默认值 表单默认get方式提交
提交有缓存 会将用户的数据放在URL上 提交的数据有长度限制
post 表单使用post方式提交
提交无缓存 会将数据放在 请求实体中 提交的数据理论上不会有长度的限制
enctype 表单中的数据如何编码
1.application/x-www-form-urlencdoed默认值 将用户的数据以aaa = bbb& ccc = ddd进行编码
2.mulipart/form-data 多用于上传文件
3.text/plain 普通方式上传
name 表单的名字
id 表单的id 唯一标识
表单标签的字标签
input
type = text 单行文本框(域)
type = password 密码框
type = hidden 隐藏框
type = file 文件框
type = radio 单选按钮 必须设定在name属性是相同的 name属性相同即为一组
type = checkbox 复选框 必须设定 name属性是相同的 name属性相同的即为一组
type = sumbit 提交按钮 用于提交表单
type = reset 重置按钮 用于重置表单 注意重置跟清空的区别
type = buttn 普通按钮 用于js的调用
select 下拉列表框 (multiple = multiple 该属性可以将下拉列表框改为多选多)
必须和<option>标签一起使用
textarea 多行文本框
button 普通按钮
type = submit默认值 提交按钮 用于提交表单
type = reset 重置按钮 用于重置表单
type = button 普通按钮 用于js的调用
HTML基础知识笔记摘要的更多相关文章
- FPGA基础知识关键点摘要
FPGA基础知识关键点摘要 一.组合逻辑和时序逻辑的区别:组合逻辑与输入直接实时相关,时序逻辑还必须在时钟上升沿出发后输出新值,有没有时钟输入是他们最大的区别!组合时序容易出现竞争冒险现象出现亚稳态, ...
- JS基础知识笔记
2020-04-15 JS基础知识笔记 // new Boolean()传入的值与if判断一样 var test=new Boolean(); console.log(test); // false ...
- Java多线程基础知识笔记(持续更新)
多线程基础知识笔记 一.线程 1.基本概念 程序(program):是为完成特定任务.用某种语言编写的一组指令的集合.即指一段静态的代码,静态对象. 进程(process):是程序的一次执行过程,或是 ...
- javascript基础知识笔记-自用
笔记内容根据个人基础知识不足不明白之处做的记录.主要看的:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript 1.变量,变量的名字又叫标识符 ...
- Mysql之基础知识笔记
Mysql数据库基础知识个人笔记 连接本地数据库: mysql -h localhost -u root -p 回车输入数据库密码 数据库的基础操作: 查看当前所有的数据库:show database ...
- java基础知识-笔记整理
1.查看已安装jdk文件路径 CMD输入java -verbose. 2.java学习提升路线 java学习视屏地址: http://www.icoolxue.com/album/show/38 ...
- JavaScript基础知识笔记
做前端几年了,一直疏于整理归纳,所以这两天把基础看了一遍,加上使用经验,整理了基础知识中关键技术,旨在系统性的学习和备忘.如果发现错误,请留言提示,谢谢! 重要说明:本文只列举基础知识点,中级和高级内 ...
- Javascript 基础知识笔记
标签(空格分隔): 廖老师学习笔记 javascript 基本入门 根据廖雪峰老师官网,自己看后的简单笔记 第一小节 基本知识 <script type="text/javascrip ...
- 初学MySQL基础知识笔记--01
本人初入博客园,第一次写博客,在今后的时间里会一点点的提高自己博客的水平,以及博客的排版等. 在今天,我学习了一下MySQL数据库的基本知识,相信关于MySQL的资料网上会有很多,所以我就不在这里复制 ...
随机推荐
- php基础/类型
1.php的格式: <?php ?> 内嵌格式: <? ?> (php可以写在html文件里面) 2.php的输出:echo (每段的结束必须加;) 3.定义变量: 不需要管他 ...
- java Json 技术记录
1.Json-lib json-lib最开始的也是应用最广泛的json解析工具,json-lib 不好的地方确实是依赖于很多第三方包,包括commons-beanutils.jar,commons-c ...
- nessus 安装
下载安装包: https://www.tenable.com/downloads/nessus 下载插件: https://docs.tenable.com/nessus/Content/Downlo ...
- Kubernetes tutorial - K8S 官方入门教程 中文翻译
官方教程,共 6 个小节.每一小节的第一部分是知识讲解,第二部分是在线测试环境的入口. kubectl 的命令手册 原文地址 1 创建集群 1.1 使用 Minikube 创建集群 Kubernete ...
- 【转载】Spring boot学习记录(三)-启动原理解析
前言:本系列文章非本人原创,转自:http://tengj.top/2017/04/24/springboot0/ 正文 我们开发任何一个Spring Boot项目,都会用到如下的启动类 @Sprin ...
- redis连接报错:MISCONF Redis is configured to save RDB snapshots, but it is currently not able to...
连接redis报错: MISCONF Redis is configured to save RDB snapshots, but it is currently not able to persis ...
- 深入探讨vue响应式原理
现在是时候深入一下了!Vue 最独特的特性之一,是其非侵入性的响应式系统.数据模型仅仅是普通的 JavaScript 对象.而当你修改它们时,视图会进行更新.这使得状态管理非常简单直接,不过理解其工作 ...
- Django+python报错与解决方法
编码信息导致修改django文件下的debug.py文件331行的编码格式 with Path(CURRENT_DIR, 'templates', 'technical_500.html').open ...
- Codeforce 1175 D. Array Splitting
新鲜热乎的题 Codeforce 1175 D. 题意:给出一个长度为$n$的序列$a$,你需要把它划分为$k$段,每一个元素都需要刚好在其中一段中.分好之后,要计算$\sum_{i=1}^{n} ( ...
- web前端之html基础知识初级
html 基础标签 单标签 1.注释标签: ctrl+/ 换行标签: 横线标签: 标题标签: 段落标签: 表示强调标签: 文字 属性:文字加颜色 color:改变文字颜色 size:改文字大小属性 例 ...