近来一直在学习一些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. leetcode-algorithms-24 Swap Nodes in Pairs

    leetcode-algorithms-24 Swap Nodes in Pairs Given a linked list, swap every two adjacent nodes and re ...

  2. Git将本地项目上传到GitHub

    本文转载于:https://segmentfault.com/a/1190000011909294 https://www.cnblogs.com/cxk1995/p/5800196.html 我们使 ...

  3. MySQL-1236问题处理

      2018年9月26日 9:25 现象:192.168.7.206.192.168.7.207互为双主,同步报错  1236   7.206现象如下 root@mysqldb 09:15  [mys ...

  4. 一、集合框架（Collection和Collections的区别）

    一.Collection和Map 是一个接口 Collection是Set,List,Queue,Deque的接口 Set:无序集合,List:链表,Queue:先进先出队列,Deque:双向链表 C ...

  5. <Closing connections idle longer than 60000 MILLISECONDS> <Closing expired connections>

    日志信息如下: 2017-07-05 18:28:34 -18705 [idle_connection_reaper] DEBUG   - Closing expired connections 20 ...

  6. noip2014无线网络发射器选址

    题目描述 随着智能手机的日益普及,人们对无线网的需求日益增大.某城市决定对城市内的公共场所覆盖无线网. 假设该城市的布局为由严格平行的 129 条东西向街道和 129 条南北向街道所形成的网格状,并且 ...

  7. JAVA 两个对象不同为什么他们的hashcode有可能相同

    hashCode是所有java对象的固有方法,如果不重载的话,返回的实际上是该对象在jvm的堆上的内存地址,而不同对象的内存地址肯定不同,所以这个hashCode也就肯定不同了.如果重载了的话,由于采 ...

  8. openssh安装/更新教程（CentOS）

    由于rpm包版本总落后于tar包,对于想安装新版本或由于漏洞需要更新到新版本那只能选择源代方式编译安装. 更新执行和安装一样的步骤就行了. 1.下载 官方网址:http://www.openssh.c ...

  9. jedata日期控件的开始结束日期设置

    <span class="wstxt">开始日期:</span><input type="text" class="wo ...

  10. 最新jquery+easyui_api培训文档

    目  录 1 Accordion(可折叠标签) 2 1.1 实例 2 1.2 参数 3 2 DateBox(日期框) 4 2.1 实例 4 2.2 参数 6 2.3 事件 6 2.4 方法 6 3 C ...