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. 在Linux上安装Git

    Git是一个开源的分布式版本控制系统,可以有效.高速的处理从很小到非常大的项目版本管理.而国外的GitHub和国内的Coding都是项目的托管平台.但是在使用Git工具的时候,第一步要学会如何安装gi ...

  2. Ubuntu18.04使用AndroidStudio3.2.1编译TensorFlow android demo【2018年12月】

    按照官方教程修改下面3处即可编译完成. 修改部分: 在build.gradle文件里修改以下部分: 1.原来: buildscript { repositories { jcenter() } dep ...

  3. steps/train_lda_mllt.sh

    LDA+MLLT指的是在计算MFCC后对特征进行的变换:首先对特征进行扩帧,使用LDA降维(默认降低到40),然后经过多次迭代轮数估计一个对角变换(又称为MLLT或CTC) .详见 http://ka ...

  4. vue的Http请求拦截及处理

    /*公共加载遮罩*/ (function($) { $.fn.jqLoading = function(option) { var defaultVal = { backgroudColor : &q ...

  5. ASP.NET EF 延迟加载，导航属性延迟加载

    ASP.NET EF 延迟加载,导航属性延迟加载   EF(EntityFramework)原理:属于ORM的一种实现 通过edmx文件来查看三部分:概念模型,数据模型,映射关系,上下文DbConte ...

  6. Java生成短链接

    为什么要生成短链接 微博之所以要是使用短链接,主要是因为微博只允许发140 字,如果链接地址太长的话,那么发送的字数将大大减少. 那么使用短链接的作用有哪些呢?1.字数,2.统计,3.监控,4.过滤 ...

  7. Setup Sight Sense

    调节感知组件参数 绑定视觉事件 PawnSensingComp->OnSeePawn.AddDynamic(this, &AFPSAIGuard::OnPawnSeen); 在头文件中声 ...

  8. linux 备份与恢复

  9. 20165231 2017-2018-2《Java程序设计》课程总结

    每周作业链接汇总 预备作业一:我期待的师生关系 预备作业二:学习基础和C语言基础调查 预备作业三:linux安装及学习 第一周作业:初识JAVA,注册码云并配置Git 第二周作业:JAVA基本语法,标 ...

  10. 20165231 2017-2018-2 《Java程序设计》第1周学习总结

    本周学习的是一些java简单的基本编译,反编译和解释器.然后学习使用git了上传到git@osc进行代码托管,git是初学的,需要建立库然后远程上传代码,如果建立失败或者因为种种缘故无法上传的可以一个 ...