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&…

java基础的知识点(一)

 初始Java&#xff1a; 一、程序&#xff1a; 1.通常指完成某些事物的一种既定方式和过程。 2.计算机程序&#xff1a;为了让计算机执行某些操作或解决某个问题而编写的一系列有序指定的集合。 二、java可以做什么&#xff1a; 1.开发桌面应用程序 2.开发网页应用程序 三、技…

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

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

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

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

java知识点总结(二)

 复杂选择结构: 一、Switch的结构语法&#xff1a; switch&#xff08;变量&#xff09;{ case 1: //代码 break; case 2: //代码 break; default : //代码 break; } 2.switch&#xff1a;相当于一个开关&#xff0c;后面的括号里面可以是int short byte char 枚举类型 Strin…

flume的配置和开启

配置文件&#xff1a; 编辑 flume-conf.properties agent1表示代理名称 agent1.sourcessource1 agent1.sinkssink1 agent1.channelschannel1 配置source1 agent1.sources.source1.typespooldir agent1.sources.source1.spoolDir/usr/local/flume_logs agent1.sources…

青客宝团队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;两端代码实现的功能…

Office基础和计算机操作基础的知识点(一)

 运指如飞&#xff1a; 一、鼠标的基本操作 1.单击 2.双击 3.移动 4.拖拽 二、键盘的分布 1.功能键区 2.打字键盘区 3.数字键盘区 4.指示灯 5.编辑键区 三、输入法 1.切换输入法&#xff1a;ctrlshift 2.选中的方法&#xff1a; 1)鼠标选中 2)按shift键移动左右键 四、记事…

Flume整合SparkStreaming出现UnsupportedClassVersionError: org/apache/spark/streaming/flume/sink/SparkFlum

Flume整合SparkStreaming使用Poll方式拉取数据出现 UnsupportedClassVersionError: org/apache/spark/streaming/flume/sink/SparkFlumeProtocol : Unsupported major.minor version 52.0 问题&#xff1a; INFO node.Application: Starting Source source1 18/06/12 03:34…

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; 两者之间的差异…

Office基础知识点总结(二)

 PowerPoint幻灯片制作&#xff1a; 一、PPT2010的界面&#xff1a; 1.功能选项卡 2.大纲区 3.标题栏 4.备注页 5.状态栏 6.工作区 二、创建PPT演示文稿 1.开始–》PPT2010 2.在PPT里面新建–》文件–》新建–》样本模板–》选择模板。 三、PPT2010中的视图&#xff1a; 1.普…

zookeeper出现Error contacting service. It is probably not running.

在两个节点 的zookeeper搭建启动的时候出现如下报错 JMX enabled by default Using config: /root/app/zookeeper/bin/../conf/zoo.cfg Error contacting service. It is probably not running. 查看zookeeper.out 日志报错如下 2018-06-13 03:13:18,573 [myid:0] - INFO …

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

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

DFS

//深度优先算法//i第一次就是0public void dfs(boolean[]isVisited,int i){//首先我们访问该节点System.out.println(getValueByIndex(i));isVisited[i]true;int wgetFirstNeighbor(i);while (w!-1){if(!isVisited[w]){dfs(isVisited,w);}//如果w节点已经被访问过wgetNextNeigh…

这些Spring面试题,你都会了吗?

转载自 这些Spring面试题&#xff0c;你都会了吗&#xff1f; 问题一&#xff1a; 什么是Spring&#xff1f; Spring是Enterprise Java的开源开发框架。Spring Framework的核心功能可用于开发任何Java应用程序&#xff0c;但有一些扩展用于在Java EE平台之上构建Web应用程…