1. html    

超文本标记语言HyperText Markup Language。html文档基本结构：

<!DOCTYPE html>
<head>
    <!--放一些其它信息-->

</head>

<body>
可见的页面内容

</body>

</html>

html用标记标签来描述网页，一个元素包含一对开始/结束标签。元素中可以设置属性，该属性在开始标签中以名称/值对形式出现

    2. <head></head>    里面可以包含下面元素

<title>页面标题</title> 1.浏览器工具栏标题；2.收藏夹标题；3.搜索引擎结果页面的标题
<meta name="description" content="description">

元数据：数据的数据，对html数据进行说明的信息
1. name="属性name" content="属性对应的信息"
2. http-equiv="http头的属性" content="http-equiv相应属性信息"
<base href="http:www.xxx.com"> 文档中的默认链接地址
<link rel="当前文档与被链接文档的关系" type="text/css" href="css文档地址.css"> 文档和外部资源之间的关系
<style></style> 样式文件
<script></script> 客户端脚本文件

    3. <body></body>    在页面中显示的内容

3.1 布局

<div></div> 在其中放其它元素的容器
<table></table> 在其中放其它元素的容器
<span></span> 作为文本的容器，可以放在其它容器中如<p></p>

3.2 文本结构

<h1></h1> h1~h6标题
<p></p> 文章段落
<br /> 换行

3.3 多媒体图像、图形、视频、音频

<img src="图像地址" alt="显示不出图片时的文字"> 插入图像  

<img usemap="#mymap">
<map name="mymap">
<area shape="rect">
</map>

img利用map映射成一个可点击的图像
map配合area定义图像地图
每个area是一个可点击的区域，跳转到外部链接

  
<canvas id="canvas_id"></canvas> canvas是一个画布，用js在其中绘制2D图形 html5
<svg xmlns="xml命名空间地址"></svg> svg是可伸缩矢量图形，利用xml格式定义图形 html5

<video width="" height="" controls>
<source src="视频地址" type="video/mp4>
</video>

 插入一个视频 html5

<audio controls>
<source src="音频地址" type="audio/mpeg">
</audio>

 插入一个音频 html5
<object data="bookmark.swf"></object>

object用于插入对象，如java程序、视频、
flash播放器等。在Windows下被ie使用。

 html插件
<embed src="bookmark.swf>

embed用于插入对象，如视频、flash播放器等。没有关闭标签！
在Windows和Mac下被Netscape使用。两个tag作用相同，
为了避免浏览器不兼容问题，使用<object><embed></object>

 html插件

3.4 表单<form></form>

用于接收不同类型的用户输入，浏览器将用户在表单中输入的数据进行打包，提交表单时发到服务器

<form action="跳转到的地址"></form>  
<input type="radio" name="a" value="b">

input是输入域
name: 用于js中引用
value：如作为元素中文本的默认值
<textarea></textarea> 多行的文本输入控件
<label for="inputID">inputID</label>

用for把label绑定到另一个元素，
点击label文本时被绑定元素也会有相应响应

<fieldset>
<legend>fieldset名字</legend>
<input type="text">
</fieldset>

fieldset把一组相关的表单元素用外框包含起来
legend定义fieldset名字

<select>
<optgroup label="optgroup1">
<option value="option1">option1</option>
</optgroup>
<optgroup label="optgroup2">
<option value="option1">option1</option>
</optgroup>
</select>

select定义下拉菜单
optgroup：多个option组成一组，组名会列出但不可选
option是菜单列表中的一项

<input list="listid">
<datalist id="listid">
<option value="a">a</option>
<option value="b">b</option>
</datalist>

 datalist用于指定<input> 元素可能的选项列表且可输入

3.5 全局属性&事件

全局属性：任何一个标签都是可以使用的属性  
<p class="className1 className2"></p> 为<p>定义了两个类名
<p style=""></p> 定义元素的行内样式
<p id="pid"></p> 规定元素的唯一id
<p hidden="hidden">abc</p> 隐藏<p>元素
事件属性：触发浏览器中的行为 窗口事件、表单事件、键盘事件、鼠标事件及其它

3.6 颜色&符号

颜色表示

颜色名: Black
16进制值: #000000
字符集

要正确地显示 HTML 页面，浏览器必须知道使用何种字符集meta
ISO 字符集：国际标准组织 (ISO) 针对不同的字母表/语言定义的标准字符集
标准的 Unicode 转换格式(UTF)希望取代现有字符集。Unicode可被不同字符集兼容。常用的有UTF-8和UTF-16
ASCII字符集：美国信息交换标准代码
符号实体

数学符号、希腊字母、其它

字符 实体编号 实体名称
A #913 Alpha

html学习——基础分类总结的更多相关文章

  1. CSS学习——基础分类整理

        1. CSS     层叠样式表: Cascading Style Sheets,定义如何显示html元素 CSS规则: 选择器{属性: 值; 属性: 值;} CSS注释: /*在这里写注释说 ...

  2. php大力力 [025节] 来不及学习和分类的，大力力认为有价值的一些技术文章合集（大力力二叔公）(2015-08-27)

    php大力力 [025节] 来不及学习和分类的,大力力认为有价值的一些技术文章合集(大力力二叔公)(2015-08-27) 比较好的模版 免费模板网,提供大量DIV+CSS布局网页模板下载及后台管理 ...

  3. 【IOS学习基础】NSObject.h学习

    一.<NSObject>协议和代理模式 1.在NSObject.h头文件中,我们可以看到 // NSObject类是默认遵守<NSObject>协议的 @interface N ...

  4. 算法工程师<深度学习基础>

    <深度学习基础> 卷积神经网络,循环神经网络,LSTM与GRU,梯度消失与梯度爆炸,激活函数,防止过拟合的方法,dropout,batch normalization,各类经典的网络结构, ...

  5. (zhuan) 126 篇殿堂级深度学习论文分类整理 从入门到应用

    126 篇殿堂级深度学习论文分类整理 从入门到应用 | 干货 雷锋网 作者: 三川 2017-03-02 18:40:00 查看源网址 阅读数:66 如果你有非常大的决心从事深度学习,又不想在这一行打 ...

  6. Docker虚拟化实战学习——基础篇（转）

    Docker虚拟化实战学习——基础篇 2018年05月26日 02:17:24 北纬34度停留 阅读数:773更多 个人分类: Docker   Docker虚拟化实战和企业案例演练 深入剖析虚拟化技 ...

  7. Redis学习---基础学习[all]

    什么是NoSQL型数据库 NoSQL数据库---NoSQL数据库的分类 Redis学习---NoSQL和SQL的区别及使用场景 Redis学习---负载均衡的原理.分类.实现架构,以及使用场景 什么是 ...

  8. 深度学习基础系列（五）| 深入理解交叉熵函数及其在tensorflow和keras中的实现

    在统计学中,损失函数是一种衡量损失和错误(这种损失与“错误地”估计有关,如费用或者设备的损失)程度的函数.假设某样本的实际输出为a,而预计的输出为y,则y与a之间存在偏差,深度学习的目的即是通过不断地 ...

  9. 20155327 学习基础和C语言基础调查

    20155327 学习基础和C语言基础调查 通过阅读老师推荐的五篇文章之后,其中有几个点引发了我的思考,便是"量变引起质变""循序渐进"以及"坚持&q ...

随机推荐

  1. 常用SQL语句大全总结

    出处:http://www.cnblogs.com/0351jiazhuang/p/4530366.html SQL是(Structured Query Language)结构化查询语言的简称,下面赵 ...

  2. js监听浏览器返回事件

    $(function(){ pushHistory(); window.addEventListener("popstate", function(e) { window.loca ...

  3. 服务器多站点多域名HTTPS实现

    假设有这样一个场景,我们有多个站点(例如site1.marei.com,site2.marei.com和site3.marei.com)绑定到同一个IP:PORT,并区分不同的主机头.我们为每一个SS ...

  4. Leetcode#169. Majority Element（求众数）

    题目描述 给定一个大小为 n 的数组,找到其中的众数.众数是指在数组中出现次数大于 ⌊ n/2 ⌋ 的元素. 你可以假设数组是非空的,并且给定的数组总是存在众数. 示例 1: 输入: [3,2,3] ...

  5. mysql 架构 ~ 异地多活

    一 业务异地多活 二 核心思想 多机房提供就近服务,只有当本地机房出现问题时,才会被允许异地机房进行查询和事务操作三 数据库角度   1 多机房之间需要进行数据同步,保证每个机房都保留多机房的全部副本 ...

  6. Web三层-UI/BLL/DAL/MODEL

    2013传智播客视频\视频\2013-05-28-EF\视频 创建4个程序集,添加引用,model添加映射, P01UI表现层--BLL+MODELP02BLL业务层--DAL+MODELP03DAL ...

  7. shell编程 之 ssh远程连接

    1,ssh理解 有两个服务器,一个是本地,一个是云端的,都是linux系统的,如果我们想要通过本地访问云端的系统,那我们可以用ssh命令,可以实现本地登入远程连接,上传或者下载文件到远程服务器. ss ...

  8. python基础-----字符编码

    1.ASCII ASCII(American Standard Code for Information Interchange,美国标准信息交换代码)是基于拉丁字母的一套电脑编码系统,主要用于显示现 ...

  9. 使用Office Online Server在线预览Office

    微软官方文档介绍 ⒈介绍 Office Online Server是 Office Web Apps Server 的升级版本,安装环境必须为两台Windows Server 2012 R2 或 Wi ...

  10. Java基础5-接口

    昨日内容回顾 jvm参数设置 -Xmx //设置最大堆大小 java -Xmx512m Classname -Xms //设置初始堆大小 java -Xms24m Classname -Xss //设 ...