近来一直在学习一些web的知识，主要是包括html，css，js和php，记录一下笔记，希望向和我一样刚学的朋友能提供帮助

这些笔记知识主要来源于菜鸟教程和w3school。我搭建了一个wampServer（Windows Apache Mysql PHP）环境，写web代码使用的是notepad++。

HTML方面：

HTML也就是超文本标记语言是一种用于创建网页的标准标记语言。

HTML中不支持 空格、回车、制表符，它们都会被解析成一个空白字符。空格需要用&nbsp

标签是<p>

元素是<p>内容</p>

属性是(下划线部分)<a href=”url”>

功能顺序：

　　　　　　　　　基础

标签

描述

<!DOCTYPE>

定义文档类型。

<html>

定义 HTML 文档。

<title>

定义文档的标题。

<body>

定义文档的主体。

<h1> to <h6>

定义 HTML 标题。

<p>

定义段落。

<br>

定义简单的折行。

<hr>

定义水平线。

<!--...-->

定义注释。

　　　　　　　　　格式

标签

描述

<acronym>

定义只取首字母的缩写。

<abbr>

定义缩写。

<address>

定义文档作者或拥有者的联系信息。

<b>

定义粗体文本。

<bdi>

定义文本的文本方向，使其脱离其周围文本的方向设置。

<bdo>

定义文字方向。

<big>

定义大号文本。

<blockquote>

定义长的引用。

<center>

不赞成使用。定义居中文本。

<cite>

定义引用(citation)。

<code>

定义计算机代码文本。

<del>

定义被删除文本。

<dfn>

定义定义项目。

<em>

定义强调文本。

<font>

不赞成使用。定义文本的字体、尺寸和颜色

<i>

定义斜体文本。

<ins>

定义被插入文本。

<kbd>

定义键盘文本。

<mark>

定义有记号的文本。

<meter>

定义预定义范围内的度量。

<pre>

定义预格式文本。

<progress>

定义任何类型的任务的进度。

<q>

定义短的引用。

<rp>

定义若浏览器不支持 ruby 元素显示的内容。

<s>

不赞成使用。定义加删除线的文本。

<samp>

定义计算机代码样本。

<small>

定义小号文本。

<strike>

不赞成使用。定义加删除线文本。

<strong>

定义语气更为强烈的强调文本。

<sup>

定义上标文本。

<sub>

定义下标文本。

<time>

定义日期/时间。

<tt>

定义打字机文本。

<u>

不赞成使用。定义下划线文本。

<var>

定义文本的变量部分。

<wbr>

定义可能的换行符。

　　　　　　　　　图像

标签

描述

<img>

定义图像。

<map>

定义图像映射。

<area>

定义图像地图内部的区域。

<canvas>

定义图形。

<figcaption>

定义 figure 元素的标题。

<figure>

定义媒介内容的分组，以及它们的标题。

　　　　　　　　　 音频/视频

标签

描述

<audio>

定义声音内容。

<source>

定义媒介源。

<track>

定义用在媒体播放器中的文本轨道。

<video>

定义视频。

　　　　　　　　　链接

标签

描述

<a>

定义锚。

<link>

定义文档与外部资源的关系。

<nav>

定义导航链接。

　　　　　　　　　 列表

标签

描述

<ul>

定义无序列表。

<ol>

定义有序列表。

<li>

定义列表的项目。

<dir>

不赞成使用。定义目录列表。

<dl>

定义定义列表。

<dt>

定义定义列表中的项目。

<dd>

定义定义列表中项目的描述。

<menu>

定义命令的菜单/列表。

<menuitem>

定义用户可以从弹出菜单调用的命令/菜单项目。

<command>

定义命令按钮。

　　　　　　　　　 表格

标签

描述

<table>

定义表格

<caption>

定义表格标题。

<th>

定义表格中的表头单元格。

<tr>

定义表格中的行。

<td>

定义表格中的单元。

<thead>

定义表格中的表头内容。

<tbody>

定义表格中的主体内容。

<tfoot>

定义表格中的表注内容（脚注）。

<col>

定义表格中一个或多个列的属性值。

<colgroup>

定义表格中供格式化的列组。

　　　　　　　　     样式/节

标签

描述

<style>

定义文档的样式信息。

<div>

定义文档中的节。

<span>

定义文档中的节。

<header>

定义 section 或 page 的页眉。

<footer>

定义 section 或 page 的页脚。

<section>

定义 section。

<article>

定义文章。

<aside>

定义页面内容之外的内容。

<details>

定义元素的细节。

<dialog>

定义对话框或窗口。

<summary>

为 <details> 元素定义可见的标题。

　　　　　　　　　 元信息

标签

描述

<head>

定义关于文档的信息。

<meta>

定义关于 HTML 文档的元信息。

<base>

定义页面中所有链接的默认地址或默认目标。

<basefont>

不赞成使用。定义页面中文本的默认字体、颜色或尺寸。

编程

标签

描述

<script>

定义客户端脚本。

<noscript>

定义针对不支持客户端脚本的用户的替代内容。

<applet>

不赞成使用。定义嵌入的 applet。

<embed>

为外部应用程序（非 HTML）定义容器。

<object>

定义嵌入的对象。

<param>

定义对象的参数。

前端笔记 （1.HTML）的更多相关文章

  1. 2.前端笔记之css

    title: 1.前端笔记之CSS date: 2016-04-05 23:05:51 tags: 前端 categories: w3c --- 作者:刘耀 **出处:http://www.liuya ...

  2. 1.前端笔记之html

    title: 1.前端笔记之HTML date: 2016-04-04 23:21:52 tags: Python categories: Python --- 作者:刘耀 **出处:http://w ...

  3. 写给后端的前端笔记：浮动（float）布局

    写给后端的前端笔记:浮动(float)布局 这篇文章主要面向后端人员,对前端有深刻了解的各位不喜勿喷. 起因 前一阵子我一个后端的伙伴问我,"前端的左飘怎么做?",我立马就懵了,& ...

  4. 写给后端的前端笔记：定位（position）

    写给后端的前端笔记:定位(position) 既然都写了一篇浮动布局,干脆把定位(position)也写了,这样后端基本上能学会css布局了. 类别 我们所说的定位position主要有三类:固定定位 ...

  5. 前端笔记知识点整合之JavaScript（三）关于条件判断语句、循环语句那点事

      一.条件分支语句 条件分支语句,也叫作条件判断语句,就是根据某种条件执行某些语句,不执行某些语句. JS中有三种语法是可以表示条件分支的 1.1 if……else…… 条件分支的主力语法,这个主力 ...

  6. 前端笔记-html

    前端笔记html 前端三大利器,html(本源),css(着装),js(动作) html 学习html就是学习一套规则能够被浏览器识别,在页面中展示,一个页面只能运行一个html 标签 <> ...

  7. 移动端前端笔记 — 遇到的常见JS与CSS问题及解决方法 （ 摘自zdwzdwzdw）

    笔者接触移动前端快一年了,特将平时的一些笔记整理出来,希望能够给需要的人一些小小的帮助.同时也由于笔者的水平有限,虽说都是笔者遇到过使用过的,但文中可能也会出现一些问题或不严谨的地方,望各位指出,不胜 ...

  8. 前端笔记之Vue（一）初识SPA和Vue&webpack配置和vue安装&指令

    一.单页面应用(SPA) 1.1 C/S到B/S页面架构的转变 C/S:客户端/服务器(Client/Server)架构的软件. C/S 软件的特点: ① 从window桌面双击打开 ② 更新的时候会 ...

  9. 前端笔记之ES678&Webpack&Babel（下）AMD|CMD规范&模块&webpack&Promise对象&Generator函数

    一.AMD和CMD规范(了解) 1.1传统的前端开发多个js文件的关系 yuan.js中定义了一个函数 function mianji(r){ return 3.14 * r * r } main.j ...

  10. 前端笔记之ES678&Webpack&Babel（上）初识ES678&Babel&let和const&解构&语法

    一.ES版本简介和调试运行方法 1.1 ECMAScript简介 MDN手册:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript JavaS ...

随机推荐

  1. Ubuntu中php.ini修改运行内存

    首先,我们要知道我们要修改的是什么文件?那就是php.ini文件,一般php有关运行的文件都跟这个文件有关系,路径是 /etc/php5/apache2 .在这里我们就可以用命令进入, cd /etc ...

  2. windows安装weblogic并集成到eclipse

    1.下载 java是跨平台的,所以windows下载和linux一样的jar文件安装就行,当然也可以使用windows安装程序来安装. (weblogic下载不需要购买--oracle产品都是补丁和技 ...

  3. java中一对多 关联建表

    我们以银行卡为例:一个人可以对应多张银行卡.多个银行卡对应着一个人. /** 银行卡持有者 **/ class CardsOwner { private String name;    //名字 pr ...

  4. python图片识别

    python 图像处理模块1. 安装 pytesseract模块是会自动安装Pillow模块.pillow 为标准图像处理库 手册地址 http://pillow-cn.readthedocs.io/ ...

  5. sql server 根据身份证号计算出生日期和年龄的存储过程

    我这边有一个业务,需要客户填写身份证号,自动计算他的出生日期和年龄 在sql中,具体的存储过程实现是这样的: /******************************************** ...

  6. ProtoBuf 常用序列化/反序列化API 转

    http://blog.csdn.net/sealyao/article/details/6940245 1.C数组的序列化和反序列化API //C数组的序列化和序列化API bool ParseFr ...

  7. matlab server mapreduce

    >> Z = server.rpc('zeros', 2, 3);>> Z = [2x3 double] [2x3 double] >> Z{1}ans = 0 0 ...

  8. 【框架】用excel管理测试用例需要的参数数据（二）

    一.总体思路 以类为excel名,测试方法名为sheet名,建立excel文件.用jxl包里的方法去读取excel文件里的内容,然后用testng里的dataprovider,将数据传递给测试用例 二 ...

  9. learning ddr seft-refresh mode summary

  10. [POJ2985]The k-th Largest Group

    Problem 刚开始,每个数一个块. 有两个操作:0 x y 合并x,y所在的块 1 x 查询第x大的块 Solution 用并查集合并时,把原来的大小删去,加上两个块的大小和. Notice 非旋 ...