近来一直在学习一些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-36 Valid Sudoku

    leetcode-algorithms-36 Valid Sudoku Determine if a 9x9 Sudoku board is valid. Only the filled cells ...

  2. Leetcode 120

    class Solution { public: int minimumTotal(vector<vector<int>>& triangle) { ) ][]; tr ...

  3. linux删除文件后不释放磁盘的问题

    1. 用df 检查发现根目录可用空间越为200M # df -h Filesystem Size Used Avail Use% Mounted on /dev/xvde1 .9G .4G 232M ...

  4. linux过滤旧文件中的空行和注释行剩余内容组成新文件

    一.说明 在某些场景下我们想要将旧文件中空行和注释行过滤掉,将产生实际效果的行保留. 比如redis提供的配置示例文件中有很多用于说明的空行和注释行,我们想把产生实际效果的配置行筛选出来组成新的简洁的 ...

  5. .NetCore发布到Centos docker

    将.netcore mvc项目发布到centos7的docker中.环境 vmware14+Centos7+docker-ce 1.使用vs将.netcoremvc项目发布到本地,修改发布后的目录 名 ...

  6. Uva 10635 - Prince and Princess 问题转化，元素互不相同（在自身序列中独特）的两个数列的LCS，LIS 难度: 2

    题目 https://uva.onlinejudge.org/index.php?option=com_onlinejudge&Itemid=8&page=show_problem&a ...

  7. docker pure-ftpd

    FROM alpine:3.7ADD http://dl-4.alpinelinux.org/alpine/edge/testing/x86_64/pure-ftpd-1.0.47-r0.apk /r ...

  8. 【转载】java对象和byte数组互转,直接拿去用

    //加了了Optional防止空指针异常,加入了泛型,省去了强制转化 import java.io.*; import java.util.Optional; /** * Created by Jas ...

  9. asp.net core json返回的时间格式出现T 如何解决

    可以在sturap里面 修改配置日期返回的格式 // services.AddMvc(); services.AddMvc().AddJsonOptions(options => { optio ...

  10. js 冒泡事件阻止 父层事件影响子层

    当父层 与子层 有相同的事件时,但子层跟父层执行的内容却不一样时 为了 防止 父层事件对子层造成影响我们可以在子层的方法里做如下操作 function A (event){ event.stopPro ...