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. 20155324 《Java程序设计》实验五 网络编程与安全

    20155324 <Java程序设计>实验五 网络编程与安全 实验内容 任务一 编写MyBC.java实现中缀表达式转后缀表达式的功能 编写MyDC.java实现从上面功能中获取的表达式中 ...

  2. Oracle DbHelper

    wind8 系统选择项目时生成目标平台选择为X86 报错 “System.Exception”类型的未经处理的异常在 WindowsFormsApplication1.exe 中发生 其他信息: 尝试 ...

  3. windows 程序库

    静态链接库:*.lib 在程序编译时要使用的代码,会嵌入到最后生成的执行程序里. 动态链接库:*.dll 在程序运行时要使用的代码. 可在运行时载入 或 在编译时链接 引入库(*.lib)文件 进行使 ...

  4. git 配置ssh key

    第一次生成 ssh key 进入ssh目录  cd ~/.ssh,再输入:ls ,查看文件,如果有.pub的文件,说明已有ssh key 如果没有, 则生成秘钥:ssh-keygen -t rsa - ...

  5. jupyter notebook出现cannot import name 'create_prompt_application'问题（Died Kernel）

    应该是在安装其它python第三方库时更新了prompt-toolkit版本,降级到下面的版本即可: sudo pip install 'prompt-toolkit==1.0.15'

  6. jq的stop

    jQuery stop() 方法用于停止动画或效果,在它们完成之前. stop() 方法适用于所有 jQuery 效果函数,包括滑动.淡入淡出和自定义动画. $(selector).stop(stop ...

  7. Css - 三大特性

    css - 三大特性 1.层叠性 如果通过两个相同选择器设置了同一个元素的某个相同的css属性,按照css相同属性的出现顺序,后面的样式会覆盖前面的样式 2.继承性 祖先元素的关于文本的样式会遗传给后 ...

  8. Java 进制间的转换

    package com.touch.onlinedu; public class Test { public static void main(String[] args) { // 1 : 0001 ...

  9. CentOS7利用systemctl添加自定义系统服务【转】

    systemctl enable name.service 设置开机启 systemctl disable name.service 删除开机启动指令 systemctl list-units --t ...

  10. Windows PowerShell 入門（3）－スクリプト編

    これまでの記事 Windows PowerShell 入門(1)-基本操作編 Windows PowerShell 入門(2)-基本操作編 2 対象読者 Windows PowerShellでコマンド ...