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. 持续集成CI相关的几个概念

    持续集成 https://en.wikipedia.org/wiki/Continuous_integration 为什么要持续? 持续集成, 可以避免集成地狱(由于工作的源码 和 库中的源码的差异导 ...

  2. ASP.NET MVC之视图传参到控制器的几种形式

    1. 传递数组 $(function () { var value = ["C#", "JAVA", "PHP"]; $("inp ...

  3. 导入numpy时，出错怎么解决？

    在linux中导入numpy时出错,出现如下图所示的问题,采用更新版本的问题并未解决, 解决方法如下:进入文件夹中,删除其中的numpy文件夹,其他的文件夹不动,然后重新安装numpy即可

  4. 第26月第28天 avplayer cache

    1.urlsession https - (void)URLSession:(NSURLSession *)session didReceiveChallenge:(NSURLAuthenticati ...

  5. 百度地图API的应用

    做网页的时候,有时候需要有地图的功能.接下来我来记录一下我的做法. 1.引入API秘钥,在网上都可以搜到. <script src="http://api.map.baidu.com/ ...

  6. Kotlin中三元运算符

    int a = 10;int b = 11;int c = a > b ? a : b; 到了 kotlin中 val a = 10val b = 11val c = if (a > b) ...

  7. 1.2MyBatis介绍

    MyBatis 本是apache的一个开源项目iBatis, 2010年这个项目由apache software foundation 迁移到了google code,并且改名为MyBatis,实质上 ...

  8. 关于VXLAN的认识-----基础知识

    一.什么是VXLAN 普通的VLAN数量只有4096个,无法满足大规模云计算IDC的需求,因为目前大部分IDC内部结构主要分为两种L2,L3. L2结构里面,所有的服务器都在一个大的局域网里面,TOR ...

  9. 通过SecureCRT连接虚拟机

    继续上一篇: http://www.cnblogs.com/CoolJayson/p/7430421.html 上一篇配置了虚拟机网络环境, 实际开发中通常使用SecureCRT或Xshell等连接L ...

  10. Python3-初识面向对象

    知识点: 面向过程VS面向对象 初识类和对象 对象之间的交互 类与对象之间的命名空间 面向对象的组合用法 面向对象的三大特性(封装.继承.多态) 继承 抽象类和接口类 多态 封装  -- (prope ...