近来一直在学习一些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. UUID的意义和作用

    UUID介绍: UUID(Universally Unique Identifier)全局唯一标识符,是指在一台机器上生成的数字,它保证对在同一时空中的所有机器都是唯一的.按照开放软件基金会(OSF) ...

  2. [NOIP 2014TG D1T3] 飞扬的小鸟

    题目描述 Flappy Bird 是一款风靡一时的休闲手机游戏.玩家需要不断控制点击手机屏幕的频率来调节小鸟的飞行高度,让小鸟顺利通过画面右方的管道缝隙.如果小鸟一不小心撞到了水管或者掉在地上的话,便 ...

  3. oracle in 函数

    IN操作符      select * from scott.emp where empno=7369 or empno=7566 or empno=7788 or empno=9999:      ...

  4. InnoDB存储引擎的 B+ 树索引

    B+ 树是为磁盘设计的 m 叉平衡查找树,在B+树中,所有的记录都是按照键值的大小,顺序存放在同一层的叶子节点上,各叶子节点组成双链表.叶节点是数据,非叶节点是索引. 首先,需要清楚:B+ 树索引并不 ...

  5. Linux磁盘性能分析（CentOS）

    1.top查看CPU是否长时间等待IO top %wa超过30%,说明IO压力很大 2.iostat查看磁盘工作时长占比 iostat -x #1表示1秒刷新一次 %util表示在过去的时间段中磁盘进 ...

  6. 套接字编程，创建套接字socket

    1.套接字地址结构: struct sockaddr { sa_family_t sa_family; char sa_data[14]; }; 其中,成员sa_family表示套接字的协议族类型,对 ...

  7. Struts 2 初步入门（一）

    搭建Struts 2环境步骤 下载jar包----->创建web项目---->创建并完善相关配置文件---->创建action并测试启动 下载jar包访问网站:http://stru ...

  8. thinkphp 3.2 加载第三方库 第三方命名空间库

    tp 自动加载的介绍: http://document.thinkphp.cn/manual_3_2.html#autoload 第三方库不规范库 不适用命名空间的库 可以使用import函数导入,其 ...

  9. API服务网关（Zuul）

    技术背景 前面我们通过Ribbon或Feign实现了微服务之间的调用和负载均衡,那我们的各种微服务又要如何提供给外部应用调用呢. 当然,因为是REST API接口,外部客户端直接调用各个微服务是没有问 ...

  10. [转载]springmvc学习之@ModelAttribute运用详解

    spring学习之@ModelAttribute运用详解 链接