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的资料网上会有很多,所以我就不在这里复制 ...
随机推荐
- CSS-父元素宽度自适应子元素宽度之和
最近碰见这样一个需求,要让图片横向排列设置 x 方向的滚动条滚动查看,原本当直接创建一个 IFC(inline,float 什么的)就解决了,搞了半天发现搞不定(IFC 也是不能父元素宽度自适应子元素 ...
- SEC8 - MySQL 查询语句--------------进阶4:常见的函数
# 进阶4:常见的函数 /* 概念:将一组逻辑语句封装在方法体中,对外暴露方法名 好处:1.隐藏了实现细节 2.提高代码的复用性 调用: select 函数名() [from 表]; 特点: (1)叫 ...
- 使EasyUI的window、panel、dialog 不被拖出页面
function easyuiPanelOnMove(left, top) { var l = left; var t = top; if (l < 1) { l = 1; } ...
- python包的补充
1.包A和包B下有同名模块也不会冲突,如A.a与B.a来自俩个命名空间 2.常见目录结构 import os 2 os.makedirs('glance/api') 3 os.makedirs('gl ...
- JAVA线程初体验
线程的创建 线程的启动和停止 /** * 演员类 继承Thread类 * @author Administrator * */ public class Actor extends Thread { ...
- spring 配置属性细节
版权声明:本文为博主原创文章.未经博主同意不得转载. https://blog.csdn.net/qilixiang012/article/details/28233811 概要(红色为上一篇所讲,蓝 ...
- 使用Anaconda3安装tensorflow,opencv,使其可以在spyder中运行
使用Anaconda5.0.0 1.首选无论你是在cmd键入python,还是在Anaconda Prompt键入python,显示的都是Python3.6.然而在Spyder(tensorflow) ...
- 道路识别demo
最近做的道路识别一开始终于弄懂了点东西,一开始在网上找到了一个简单的道路识别的opencvsharp的版本.我觉得opencvsharp真的是一个很好的东西,它封装了比opencv更多的数据结构和库, ...
- centos install vsftpd
1.安装 #安装Vsftpd服务相关部件 yum -y install vsftpd* #确认安装PAM服务相关部件, 开发包,其实不装也没有关系,主要的目的是确认PAM. yum -y instal ...
- photoshop中调整图层的颜色深浅明暗
图像-调整-可选颜色, 选中某一个颜色如绿色,可以将绿色调的深一点或浅一点