菜鸟笔记——html整理

1.常用标签

<hr/> 水平线标签
<!-- This is a comment -->    注释          //多行注释可以设置快捷键<big>        定义大号字。
<small>       定义小号字。<i>         定义斜体字。italic
<em>      定义着重文字。emph// I是Italic(斜体)，而em是emphasize(强调)。// <em> 标签修饰的内容都是用斜体字来显示。<b>            定义粗体文本。
<strong>  定义加重语气。//<b>标签是一个实体标签，它所包围的字符将被设为bold（粗体），//<strong>标签是一个逻辑标签，它的作用是加强字符的语气，一般来说，加强字符的语气是通过将字符变为bold（粗体）来实现的。<sub>      定义下标字。
<sup>     定义上标字。<ins>       定义插入字。  //下划线
<del>     定义删除字。  //删除线<q>          定义短的引用。浏览器通常会为 <q> 元素包围引号。
<blockquote> 定义被引用的节。浏览器通常会对 <blockquote> 元素进行缩进处理。<dfn>      定义项目或缩写的定义。ex:<dfn title="World Health Organization">WHO</dfn>

2.命名锚的语法

<a name="tips">基本的注意事项 - 有用的提示</a>
1.在同一个文档中创建指向该锚的链接：
<a href="#tips">有用的提示</a>2.在其他页面中创建指向该锚的链接：
<a href="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a>

3.块标签、行标签

块标签：块级元素在浏览器显示时，通常会以新行来开始（和结束）。
例子：<h1>, <p>, <ul>, <ol>, <dl>, <table>, <div>行标签：内联元素在显示时通常不会以新行开始。
例子：<b>, <td>, <a>, <img>, <span>

4.表格、框架、列表

/****** 表格的使用 ******/：
<table border="1"><tr><th>Heading</th><th>Another Heading</th></tr><tr><td>row 1, cell 1</td><td>row 1, cell 2</td></tr><tr><td>row 2, cell 1</td><td>row 2, cell 2</td></tr>
</table>/****** 框架的使用 ******/
<frameset cols="25%,75%"><frame src="frame_a.htm"><frame src="frame_b.htm">
</frameset>/****** 列表的使用 ******/
<ul type="disc">  //circle、square<li>苹果</li><li>香蕉</li><li>柠檬</li><li>桔子</li>
</ul> //无序列表<ol start="1"><li>咖啡</li><li>牛奶</li><li>茶</li>
</ol> //有序列表<dl><dt>计算机</dt><dd>用来计算的仪器 ... ...</dd><dt>显示器</dt><dd>以视觉方式显示信息的装置 ... ...</dd>
</dl> //自定义列表

5.响应式 Web 设计（Responsive Web Design）

（后续更新）

6.URL

http://www.w3school.com.cn/html/index.asp

遵守以下的语法规则：
scheme://host.domain:port/path/filename
解释：

scheme - 定义因特网服务的类型。最常见的类型是

1.http 超文本传输协议——以 http:// 开头的普通网页。不加密。
2.https安全超文本传输协议——安全网页。加密所有信息交换。
3.ftp 文件传输协议——用于将文件下载或上传至网站。
host - 定义域主机（http 的默认主机是 www）
domain - 定义因特网域名，比如 w3school.com.cn
:port - 定义主机上的端口号（http 的默认端口号是 80）
path - 定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）。
filename - 定义文档/资源的名称

7.常用符号

8.表单form

<form> 元素（HTML 表单）——用于收集用户输入。HTML 表单包含表单元素。表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。表单元素：
1.<input> 元素
2.<select> 元素     下拉列表    //<select name="city"><option value="guangzhou">广州</option><option value="shenzhen">深圳</option></select>
3.<option> 元素     定义待选择的选项
4.<textarea> 元素   定义多行输入字段（文本域）
5.<button> 元素     定义可点击的按钮    //<button type="button" "alert('Hello World!')">点击我！</button>// HTML5 增加了如下表单元素：<datalist>  //<datalist> 元素为 <input> 元素规定预定义选项列表。<keygen><output><input> 元素的输入类型：
1.<input type="text"> 定义供文本输入的单行输入字段
2.<input type="password"> 定义密码字段(password 字段中的字符会被做掩码处理（显示为星号或实心圆)
3.<input type="submit"> 定义提交表单数据至表单处理程序的按钮
4.<input type="radio"> 定义单选按钮
5.<input type="checkbox"> 定义复选框（复选框允许用户在有限数量的选项中选择零个或多个选项）
6.<input type="button> 定义按钮// HTML5 增加了多个新的输入类型：<input type="color"> 用于应该包含颜色的输入字段（根据浏览器支持，颜色选择器会出现输入字段中。）<input type="email"> 用于应该包含电子邮件地址的输入字段（根据浏览器支持，能够在被提交时自动对电子邮件地址进行验证。）<input type="range" min="0" max="10"> 用于应该包含一定范围内的值的输入字段（根据浏览器支持，输入字段能够显示为滑块控件。）<input type="tel"> 用于应该包含电话号码的输入字段。<input type="number"> 用于应该包含数字值的输入字段。<input type="url"> 用于应该包含 URL 地址的输入字段<input type="search"> 用于搜索字段（搜索字段的表现类似常规文本字段）。以下均有时间选择器：<input type="time"> 允许用户选择时间（无时区） // 时分秒<input type="date"> 用于应该包含日期的输入字段 // 年月日<input type="datetime"> 允许用户选择日期和时间（有时区）<input type="datetime-local"> 允许用户选择日期和时间（无时区） // 年月日时分秒<input type="week"> 允许用户选择周和年<input type="month"> 允许用户选择月份和年份<input> 元素的输入属性：value 属性规定输入字段的初始值readonly 属性规定输入字段为只读（不能修改）disabled 属性规定输入字段是禁用的，被禁用的元素是不可用和不可点击的，被禁用的元素不会被提交size 属性规定输入字段的尺寸（以字符计）autocomplete 属性规定表单或输入字段是否应该自动完成。当自动完成开启，浏览器会基于用户之前的输入值自动填写值。autocomplete="on/off"autofocus 属性规定当页面加载时 <input> 元素应该自动获得焦点。required 属性如果设置，则规定在提交表单之前必须填写输入字段。required 属性适用于以下输入类型：text、search、url、tel、email、password、date pickers、number、checkbox、radio、and file.

9.视频、音频

最好的 HTML 解决方法
HTML 5 + <object> + <embed><video width="320" height="240" controls="controls"><source src="movie.mp4" type="video/mp4" /><source src="movie.ogg" type="video/ogg" /><source src="movie.webm" type="video/webm" /><object data="movie.mp4" width="320" height="240"><embed src="movie.swf" width="320" height="240" /></object>
</video><audio controls="controls" height="100" width="100"><source src="song.mp3" type="audio/mp3" /><source src="song.ogg" type="audio/ogg" />
<embed height="100" width="100" src="song.mp3" />
</audio>

/* 文章内容大部分摘自w3s 如侵删 */

菜鸟笔记——html整理相关推荐

一份详细的“入坑Phd指南”---教你如何做笔记、整理参考书目、管理时间、如何写作、对自己和导师合理预期...
点击上方,选择星标或置顶,每天给你送干货! 阅读大概需要5分钟 pick小博主,每天进步一丢丢 [导读]今天给大家强烈推荐一份详细的读博指南,本指南教你如何做笔记.整理参考书目.管理时间.如何写作.对 ...
菜鸟笔记(一) - Java常见的乱码问题
2019独角兽企业重金招聘Python工程师标准>>> 本文将介绍一种Java Web/Api 开发常见的乱码问题. 前提摘要:在学习Java Web的过程中,乱码问题是经常遇到的, ...
php入门公开课,【PHP公开课|送你一篇有关laravel入门教程的php菜鸟笔记】- 环球网校...
[摘要]PHP作为一种超文本预处理器,已经成为了我们常用的网站编程语言,并且结合了C语言,Java等我们常见的编程语言,所以,有很多web开发领域的新人都看中了他的使用广泛性,有很多人都想了解php的 ...
zigbee菜鸟笔记（一）zigbee的基础知识
一.什么是zigbee 有问题发送邮件至468078841@qq.com ZigBee,也称紫蜂,是一种低速短距离传输的无线网上协议,底层是采用IEEE 802.15.4标准规范的媒体访问层与物理层. ...
菜鸟笔记-DuReader阅读理解基线模型代码阅读笔记（八）—— 模型训练-训练
系列目录: 菜鸟笔记-DuReader阅读理解基线模型代码阅读笔记(一)--数据菜鸟笔记-DuReader阅读理解基线模型代码阅读笔记(二)-- 介绍及分词菜鸟笔记-DuReader阅读理解基线模 ...
SQL菜鸟笔记之第一篇实验环境的搭建及准备工作
都快12点了,今天白天太忙了,但是什么理由都不能作为借口,所以我还是要坚持做笔记,今天的也还要有! 不知道小布老师为什么只做了8讲sqlplus的课程,接下来我继续学习sql的课程,继续做sql菜鸟笔 ...
php laravel 入门教程,PHP语言菜鸟笔记，laravel 入门教程
本文主要向大家介绍了PHP语言菜鸟笔记,laravel 入门教程,通过具体的内容向大家展示,希望对大家学习php语言有所帮助. 安装 Laravel: 查看laravel包: composer sea ...
计算机网络原理笔记精整理第六章应用层
计算机网络原理笔记精整理第六章应用层 6.1域名系统DNS 6.1.1什么是域名 6.1.2域名的结构 6.1.3Internet中的域名服务器 6.1.4域名解析过程 6.2动态主机配置协议D ...
【菜鸟笔记】实际地址、物理地址、逻辑地址和有效地址
菜鸟笔记最近学习微机原理和接口技术,再一次重温了物理地址.逻辑地址等概念,但是仍对于这些概念有许多不理解,所以将他们记录下来,以备未来温习概念物理地址:物理地址就是存储器实际上的地址,是内存单元 ...
有什么适合记者做笔记，整理采访稿的应用？
如果你是一名记者,你觉得什么对工作来说是最重要的因素,相信很多记者都会回答"时间".确实,时间是记者的天敌,因为想要让自己的新闻获得广泛的传播,就必须要反应迅速,在采访之后能够快速 ...

菜鸟笔记——html整理

菜鸟笔记——html整理

1.常用标签

2.命名锚的语法

3.块标签、行标签

4.表格、框架、列表

5.响应式 Web 设计（Responsive Web Design）

6.URL

7.常用符号

8.表单form

9.视频、音频

菜鸟笔记——html整理相关推荐

最新文章

热门文章