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. tcp_listen函数

    #include <netdb.h> #include <unistd.h> #include <stddef.h> #include <strings.h& ...

  2. 关于TCP/IOCP构架中出现的Socket假死连接解决方案

    如果在2台不同的公网机器,对TCP的c/s做过详细的压力测试,那么很不幸,会有很多人发现自己的server端会出现大量的假死连接. 假死连接具体表现如下: 1.在s端机器上,会有一些处于TCP_EST ...

  3. 【PgSQL安装（含配置）】PostgreSQL简称PgSQL，是1980以加利福尼亚大学开发的DBMS，严格遵守标准SQL。

    [下载地址]http://www.enterprisedb.com/products-services-training/pgdownload#windows …………………………………………………… ...

  4. 【SRM-09 B】撕书II

    Description 琉璃手头有一黑一白两本魔法书,一本是<缟玛瑙的不在证明>,另一本是<白色相簿1.5>.传说同时打开这两本书会有奇怪的事情发生.琉璃打开一看,果然非常奇怪 ...

  5. 【51nod 1288】汽油补给

    Description 有(N+1)个城市,0是起点N是终点,开车从0 -> 1 - > 2...... -> N,车每走1个单位距离消耗1个单位的汽油,油箱的容量是T.给出每个城市 ...

  6. 开发mis系统需要的技术

    一.b/s架构 b/s架构:就broser/server,浏览器/服务器的说法.服务器端要运行tomcat,提供链接数据库服务供java代码读写数据,这个可以在eclipse中配置运行.浏览器则解释j ...

  7. sql库连sql中间库连orcle库增删改查方案

    ---中间库建立存储过程create procedure Proc_exec@SQL nvarchar(MAX)ASexec(@SQL) GO---web服务器执行语句 --查 select * fr ...

  8. oracle 对现有的表进行列表分区

    create tablespace pur120000 datafile 'D:\orcldata\pur120000.dbf' size 1024m reuse autoextend on next ...

  9. Windows代替touch命令

    Windows 代替Linux中的touch命令: echo >

  10. ue4配置分析记录

    相关代码 UObject::CallFunctionByNameWithArguments  ExecuteConsoleCommand << 配置.ini[???.类名]    //要先 ...