HTML5知识点总结

 HTML5基础:
一、HTML:
Hyper Text MarkUp Language(超文本标记语言)。
二、W3C:
1.world wide web consortium(万维网联盟),成立于1994年,WEB技术领域最权威和最具影响力的国际中立性技术标准机构。
2.w3c标准包括:
结构化标准语言(XHTML,HTML)
表现标准语言(CSS)
行为标准(DOM,ECMAscript)
三、html基本标签:
1.后缀:.html或者.htm
2.一个网页的基本组成部分:



这是一个标题


这是第一段话


这是第二段话




3.标题标签:


4.网页标题标签:
5.段落标签:


6.换行标签:

7.水平线标签:

8.字体样式标签:
(1)加粗:
(2)斜体:
9.空格: 
10.大于号:>
11.小于号:<
12.引号:"
13.版权符号:©
14.图像标签:
图片介绍,当图片显示不出来的时候显示此内容
15.超链接:
点击
target:_self,当前窗口打开超链接
_blank,新窗口打开超链接
16.相对路径:相对于当前页面的路径,一般指向本站点内的文件。
17.绝对路径:指向目标地址的完整描述,一般指向本站点外的文件。
18. …/:当前目录的上级目录
19. …/…/:当前目录的上上级目录
20. ./:当前目录
21.锚链接:
比如:点击甲处跳转到乙处
在甲处写: 跳转到乙处
在乙处写:
22.功能连接:
电子邮件: 联系我们
23.行内元素:内容撑开宽度,左右都是行内元素的可以排在一行。
24.块级元素:无论内容多少,该元素单独占一行

 列表、表格与媒体元素:
一、列表:信息资源的一种展示形式
二、列表的分类:
有序列表
1.例子:


  1. 内容


2.特性:
有顺序,每个li都是块级元素
默认的li前面有顺序标记

无序列表1.例子:<ul><li>内容</li><li>内容</li></ul>2.无序列表的特性:没有顺序,每个<li>独占一行默认<li>标签前面有个小圆点导航、侧边栏新闻、有规律的图文组合一般使用无序列表
定义列表1.例子:<dl><dt></dt><dd></dd></dl>2.特性:没有顺序,dt和dd标签都是块级元素默认没有标记一般用于(一个标题下有一个或者多个列表项)的情况
列表注意事项:无序列表中每项都是平级,没有级别之分。

三、表格:
1.组成:单元格,列,行
2.基本语法:









3.跨行:rowspan
4.跨列:colspan
四、媒体元素:
1.视频元素:
语法:
2.显示视频控件:controls
3.自动播放:autoplay
4.音频元素:
语法:
5.网页布局:
网页头部

网页主体

网页底部

6.iframe框架:
语法:
a页面
b页面
width="250px" height="250px">
 表单:
一、表单的语法:




1.提交方式:
get:不安全,地址栏里面有提交内容
post:相对安全,地址栏里面不显示提交的内容
2.提交按钮:submit
3.重置按钮:reset
4.input中常用的属性:
1)type:表示表单元素的类型,常见的值,text,password,checkbox,radio,submit,reset,file,email,number,url,hidden,image,button,search。
2)name:指定表单元素的名称。
3)value:指定表单元素的初始值
4)size:指定表单元素的初始宽度,如果type为text或者password,那么此属性以字符为单位,否则以像素为单位。
5)maxlength:指定输入的最大字符数,默认为无限制
6)checked:指定单选按钮或者多选框是否被选中
5.密码表单:type=“password”
6.单选按钮:
语法:男

注意事项:name的值必须一样,才能实现单选
7.复选框:


注意:checked为默认选中。
8.下拉列表:
语法:

选项一
选项二

9.按钮:
普通按钮:普通按钮

提交按钮:
重置按钮:
10.多行文本域:
显示的文本
11.上传文件:

注意:上传的文件的时候,需要在标签里面添加属性(enctype=“mutipart/form-data”)
12.邮箱:

13.数字:


14.搜索:

二、表单的高级应用:
1.设置表单的隐藏域:

2.表单的禁用与只读设置:
只读:readonly
禁用:disabled
3.表单元素标注:

4.表单验证的好处:
缓解服务器的压力
保证数据的可行性和安全性
5.placeholder:提示内容,这种提示可以描述文本框期待用户输入何种内容。
6.非空验证:required
7.正则表达式验证:pattern
eg:电话号码的正则表达式,pattern=" 1\d{9}"
 初识CSS3:
一、CSS:
1.概念:是一个层叠样式表,用来美化网页的。
2.优势:
(1)内容与表现分离
(2)表现的统一,并且容易修改
(3)丰富的样式,使得页面布局更加灵活
(4)减少网页的代码量
(5)运用独立的css文件,有利于搜索引擎的收录
3.基本构成:选择器和声明
语法结构:选择器{属性:值}
4.行内样式:
(1)语法:


(2)常用属性:
color:字体颜色
background:背景颜色
width:宽
height:高
font-size:字体大小,值是数字+px
border:边框,值:1px solid black;
(3)注意事项:
每个属性值后面必须要用;隔开
属性必须都放在style的双引号里面
属性与值用:隔开
5.内部样式:
1.在标签里面写

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/325987.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

漫画:什么是鸡尾酒排序

转载自 漫画&#xff1a;什么是鸡尾酒排序 那么&#xff0c;鸡尾酒排序又是何方神圣呢&#xff1f;我们这一期将会详细讲述。 让我们首先来回顾一下冒泡排序的思想&#xff1a; 冒泡排序的每一个元素都可以像小气泡一样&#xff0c;根据自身大小&#xff0c;一点一点向着数…

2018蓝桥杯省赛---java---A---10(付账问题)

题目描述 思路分析 用贪心算法&#xff0c;要使标准差最小&#xff0c;则需要将每个人需付的钱接近于平均值。如果有人的钱低于当前平均值a1&#xff0c;则需要将这人的钱全部支付&#xff0c;此人不够的钱需让其他人付&#xff0c;然后可以计算剩余人所需付钱的平均值a2&…

想要学习设计模式,你得先会看类图,一张图读懂UML

虚线箭头指向依赖&#xff1b; 实线箭头指向关联&#xff1b; 虚线三角指向接口&#xff1b; 实线三角指向父类&#xff1b; 空心菱形能分离而独立存在&#xff0c;是聚合&#xff1b; 实心菱形精密关联不可分&#xff0c;是组合&#xff1b;

数据库的这些性能优化,你做了吗

转载自 数据库的这些性能优化&#xff0c;你做了吗 在互联网项目中&#xff0c;当业务规模越来越大&#xff0c;数据也越来越多&#xff0c;随之而来的就是数据库压力会越来越大。 我们可能会采取各种方式去优化&#xff0c;比如之前文章提到的缓存方案&#xff0c;SQL优化…

青客宝团队Consul内部分享ppt

Consul 是一个支持多数据中心&#xff0c;分布式&#xff0c;高可用的服务发现和配置共享系统。由 HashiCorp 公司使用 Go 语言开发&#xff0c;基于Raft协议。部署起来非常容易&#xff0c;只需要极少的可执行程序和配置文件&#xff0c;具有绿色、轻量级的特点。 Consul是支持…

2018蓝桥杯省赛---java---C---9(小朋友崇拜圈)

题目描述 思路分析 数组来储存小朋友们的崇拜对象&#xff0c;然后下标1就是对应的小朋友座号&#xff0c;写一个方法找出每一个小朋友的崇拜圈大小&#xff0c;然后找出最大的崇拜圈即可 代码实现 package lanqiao;import java.util.*;public class Main {public static vo…

漫画:什么是时间复杂度

转载自 漫画&#xff1a;什么是时间复杂度 时间复杂度的意义 究竟什么是时间复杂度呢&#xff1f;让我们来想象一个场景&#xff1a; 某一天&#xff0c;小灰和大黄同时加入了一个公司...... 一天过后&#xff0c;小灰和大黄各自交付了代码&#xff0c;两端代码实现的功能…

Visual Studio 和 Team Foundation Server 产品维护及周期策略

1 适用于 Visual Studio 和 Team Foundation Server 2012 - 2017 这些产品遵循 Microsoft 10 年支持生命周期策略&#xff08;5 年主流支持和 5 年扩展支持&#xff09;&#xff0c;起始日期为主要产品版本向全球 (RTW) 发布的日期。 例如&#xff0c;Visual Studio 2017 于 20…

28. 实现 strStr()---LeetCode---JAVA(今天又是一行超人)

class Solution {public int strStr(String haystack, String needle) {return haystack.indexOf(needle);} }

DevOps通用及版本控制面试题

转载自 DevOps通用及版本控制面试题 通用DevOps面试问题 此类别将包含与任何特定DevOps阶段无关的问题。这里的问题旨在测试您对DevOps的理解&#xff0c;而不是关注特定工具或阶段。 问题一&#xff1a; DevOps和Agile之间的根本区别是什么&#xff1f; 两者之间的差异…

微信和支付宝支付模式详解及实现(.Net标准库)

支付基本上是很多产品都必须的一个模块&#xff0c;大家最熟悉的应该就是微信和支付宝支付了&#xff0c;不过更多的可能还是停留在直接sdk的调用上&#xff0c;甚至和业务系统高度耦合&#xff0c;网上也存在各种解决方案&#xff0c;但大多形式各异&#xff0c;东拼西凑而成。…

.NET遇上Docker - 使用Docker Compose组织Ngnix和.NETCore运行

本文工具准备&#xff1a; Docker for WindowsVisual Studio 2015 与 Visual Studio Tools for Docker或 Visual Studio 2017 需要在安装时选择“容器开发支持”&#xff0c;如图&#xff1a; Docker的思想是将不同的应用放在不同的容器中分开运行&#xff0c;如运行.NetCore …

为什么大公司一定要使用DevOps

转载自 为什么大公司一定要使用DevOps 0 DevOps的意图 究竟什么是DevOps? 要想回答这个问题&#xff0c;首先要明确DevOps这个过程参与的人员是谁&#xff1f;即开发团队和IT运维团队&#xff01;那么&#xff0c;DevOps的意图是什么呢&#xff1f;即在两个团队之间&#…

怎样访问Springboot项目中static中的资源

第一步 成功启动 第二步 输入 协议://ip:端口/资源的名字 eg http://localhost:8080/06-demo-point.html

asp.net core源码飘香:Logging组件

简介&#xff1a; 作为基础组件&#xff0c;日志组件被其他组件和中间件所使用&#xff0c;它提供了一个统一的编程模型&#xff0c;即不需要知道日志最终记录到哪里去&#xff0c;只需要调用它即可。 使用方法很简单&#xff0c;通过依赖注入ILogFactory&#xff08;CreateL…

互联网账户系统如何设计

转载自 互联网账户系统如何设计 在很多互联网公司业务发展的早期&#xff0c;业务模式比较单一的情况下&#xff0c;涉及用户账户资金交易相关的逻辑也比较简单&#xff0c;但是随着公司业务模式的不断创新及类型的多元化发展&#xff0c;会渐渐发现现有系统账户逻辑越来越雍…

数组(ArrayList)底层怎样扩容

ArrayList维护了数组transient Object[] elementData; 初始化 数组需要扩容时

Visual Basic 15语言新特性

对于C#的两个重要特性元组和Ref返回值&#xff0c;Visual Basic 15提供了对等的实现。这两个特性都是“不完全的”&#xff0c;但已经可以提供足够的变通方案&#xff0c;让VB应用程序可以消费使用了这些特性的C#库。 元组 在VB中&#xff0c;从单个函数调用直接返回多个值是…

Struts2面试问题

转载自 Struts2面试问题 1.什么是Struts2&#xff1f; Apache Struts2是一个用Java构建Web应用程序的开源框架。Struts2基于OpenSymphony WebWork框架。它从Struts1中得到了很大的改进&#xff0c;使其更加灵活&#xff0c;易于使用和扩展。Struts2的核心组件是Action&…

谷歌工程师文化中的几个核心原则

转载自 谷歌工程师文化中的几个核心原则 每周&#xff0c;一组谷歌员工都会在厕所的墙壁上粘贴一页来分享本周的测试小建议。有时这页纸会讨论依赖注入&#xff0c;并提供一个简单的示例展示如何用不同语言使用它&#xff1b;有时它可能会分享如何安装一个用于测量团队代码库…