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.封装: 目的:使类更加安全 步骤:1.成员变量变成private(私有的)2.设置方法/调用方法3.在方法中增加限制 <?php class shao { private $aa;//必须是 ...
- Linux Weblogic部署web项目(war包)
第一步,启动并访问weblogic,进入登录页面 第二步,进入主页面,开始部署项目 第三步,上载项目war包 选择需要上载的本地war包 第四步,开始项目配置 继续下一步 选择红色标记的配置 第五步, ...
- centos 7 环境准备工作
删除自带jdk: rpm -e --nodeps `rpm -qa | grep java` 打开 /etc/ 目录下的 profile 文件: vi /etc/profile 将如下代码追加到 pr ...
- Bootstrap 学习笔记9 标签页和工具提示插件
<ul class="nav nav-tabs"> <li class="active"><a href="#html5 ...
- hdu1159Common Subsequence——动态规划(最长公共子序列(LCS))
Problem Description A subsequence of a given sequence is the given sequence with some elements (poss ...
- 同步GitHub上fork的项目
最近在做“Python练习册,每天一个小程序”,fork了项目并贡献自己写的代码,项目还有其他人在贡献代码,每天都会更新,这就涉及到了自己fork的项目与原项目的同步更新问题,下面就是我最常用的方法. ...
- java.lang.IllegalStateException: Cannot forward after response has been committed
jjava.lang.IllegalStateException: Cannot forward after response has been committed at org.apache.cat ...
- 关于Python的10大实用编程技巧
Python 是一种通用的脚本开发语言,比其他编程语言更加简单.易学,其面向对象特性甚至比Java.C#..NET更加彻底,因此非常适合快速开发. Python 已经成为最受欢迎的程序设计语言之一 ...
- spring-第十八篇之spring AOP基于XML配置文件的管理方式
1.在XML配置文件中配置切面.切入点.增强处理.spring-1.5之前只能使用XML Schema方式配置切面.切入点.增强处理. spring配置文件中,所有的切面.切入点.增强处理都必须定义在 ...
- Java 8实战之读书笔记一:内容简介
本书的主要内容如下: 如何使用Java 8新增的强大特性 如何编写能有效利用多核架构的程序 重构.测试和调试 怎样高效地应用函数式编程 目录: 第一部分 基础知识 第1 章 为什么要关心Jav ...