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基础知识笔记摘要的更多相关文章

  1. FPGA基础知识关键点摘要

    FPGA基础知识关键点摘要 一.组合逻辑和时序逻辑的区别:组合逻辑与输入直接实时相关,时序逻辑还必须在时钟上升沿出发后输出新值,有没有时钟输入是他们最大的区别!组合时序容易出现竞争冒险现象出现亚稳态, ...

  2. JS基础知识笔记

    2020-04-15 JS基础知识笔记 // new Boolean()传入的值与if判断一样 var test=new Boolean(); console.log(test); // false ...

  3. Java多线程基础知识笔记(持续更新)

    多线程基础知识笔记 一.线程 1.基本概念 程序(program):是为完成特定任务.用某种语言编写的一组指令的集合.即指一段静态的代码,静态对象. 进程(process):是程序的一次执行过程,或是 ...

  4. javascript基础知识笔记-自用

    笔记内容根据个人基础知识不足不明白之处做的记录.主要看的:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript 1.变量,变量的名字又叫标识符 ...

  5. Mysql之基础知识笔记

    Mysql数据库基础知识个人笔记 连接本地数据库: mysql -h localhost -u root -p 回车输入数据库密码 数据库的基础操作: 查看当前所有的数据库:show database ...

  6. java基础知识-笔记整理

    1.查看已安装jdk文件路径 CMD输入java -verbose.   2.java学习提升路线 java学习视屏地址: http://www.icoolxue.com/album/show/38 ...

  7. JavaScript基础知识笔记

    做前端几年了,一直疏于整理归纳,所以这两天把基础看了一遍,加上使用经验,整理了基础知识中关键技术,旨在系统性的学习和备忘.如果发现错误,请留言提示,谢谢! 重要说明:本文只列举基础知识点,中级和高级内 ...

  8. Javascript 基础知识笔记

    标签(空格分隔): 廖老师学习笔记 javascript 基本入门 根据廖雪峰老师官网,自己看后的简单笔记 第一小节 基本知识 <script type="text/javascrip ...

  9. 初学MySQL基础知识笔记--01

    本人初入博客园,第一次写博客,在今后的时间里会一点点的提高自己博客的水平,以及博客的排版等. 在今天,我学习了一下MySQL数据库的基本知识,相信关于MySQL的资料网上会有很多,所以我就不在这里复制 ...

随机推荐

  1. 刚性方程 Stiff equation

    In mathematics, a stiff equation is a differential equation for which certain numerical methods for ...

  2. zabbix 接入钉钉机器人报警

    import requests import json import sys import os headers = {'Content-Type': 'application/json;charse ...

  3. The server time zone value 'EDT' is unrecognized or represents more than one time zone

    解决: (1)使用 server mysql start命令启动mysql (2)在mysql中执行show variables like '%time_zone%'; (3)输入select now ...

  4. cron 定时任两种配置方式

    第一种:xml文件方式 <bean id="commonTimer" class="com.course.wx.timer.CommonTimer"> ...

  5. Golang通过反射获取结构体的标签

    Golang通过反射获取结构体的标签 例子: package main import ( "fmt" "reflect" ) type resume struc ...

  6. Linux 系统故障修复和修复技巧

    我发现Linux系统在启动过程中会出现一些故障,导致系统无法正常启动,我在这里写了几个应用单用户模式.GRUB命令操作.Linux救援模式的故障修复案例帮助大家了解此类问题的解决. 一.单用户模式 L ...

  7. SAT算法

    今早用微云打的笔记...头大 我惊,这不是可爱的离散吗?! 建个有向图G,(Xi+Yi)加两边表示( ¬Xi+Yi)(Xi+ ¬Yi) 每个点(eg:A)加上 ¬A 下图为:(A->B)·( ¬ ...

  8. github编程类书籍

    https://github.com/justjavac/free-programming-books-zh_CN

  9. ELMO,BERT和GPT简介

    1.Contextualized Word Embedding 同样的单词有不同的意思,比如下面的几个句子,同样有 “bank” ,却有着不同的意思.但是用训练出来的 Word2Vec 得到 “ban ...

  10. Spring学习(二)--装配Bean

    一.Spring装配机制 Spring提供了三种主要的装配机制: 1.在XML中进行显示配置 2.在Java中进行显示配置 3.隐式的bean发现机制和自动装配--自动化装配bean Spring可以 ...