HTML笔记摘录

最新推荐文章于 2024-10-02 17:15:49 发布

HeGang42

最新推荐文章于 2024-10-02 17:15:49 发布

阅读量357

点赞数

文章标签： html

本文链接：https://blog.csdn.net/HeGang42/article/details/50365497

版权

HTML 指的是超文本标记语言 (Hyper Text Markup Language)

HTML 属性
HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
属性总是以名称/值对的形式出现，比如：name=”value”。
属性总是在 HTML 元素的开始标签中规定。

<hr /> 标签在 HTML 页面中创建水平线。

<br /> 换行

HTML 代码中所有连续的空格或空行都会被算作一个空格。

外部样式表
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>

内部样式表
<head> <style type="text/css"> body {background-color: red} p {margin-left: 20px} </style> </head>

内联样式
<p style="color: red; margin-left: 20px"> This is a paragraph </p>

创建一个书签
<a name="tips">基本的注意事项 - 有用的提示</a>
同一个文档中创建指向该锚的链接：
<a href="#tips">有用的提示</a>
HTML5中不支持name，用id替代

在其他页面中创建指向该锚的链接：
<a href="http://www.w3school.com.cn/html/html_links.asp#tips" 有用的提示</a>

注释：请始终将正斜杠添加到子文件夹。假如这样书写链接：href=”http://www.w3school.com.cn/html”，就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求，就像这样：href=”http://www.w3school.com.cn/html/”。

alt 属性用来为图像定义一串预备的可替换的文本。
<img src="boat.gif" alt="Big Boat">

表单
文本域（Text Fields）
<form> First name: <input type="text" name="firstname" /> <br /> Last name: <input type="text" name="lastname" /> </form>

单选按钮（Radio Buttons）
name相同才会2选1
<form> <input type="radio" name="sex" value="male" /> Male <br /> <input type="radio" name="sex" value="female" /> Female </form>

复选框（Checkboxes）
<form> <input type="checkbox" name="bike" /> I have a bike <br /> <input type="checkbox" name="car" /> I have a car </form>

表单的动作属性（Action）和确认按钮
<form name="input" action="html_form_action.asp" method="get"> Username: <input type="text" name="user" /> <input type="submit" value="Submit" /> </form>
输入数据会传送到 “html_form_action.asp” 的页面。该页面将显示出输入的结果。

iframe 用于在网页内显示网页
<iframe src="demo_iframe.htm" width="200" height="200"></iframe>

<!DOCTYPE> 声明
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<base>标签为页面上的所有链接规定默认地址或默认目标（target）：
<head> <base href="http://www.w3school.com.cn/images/" /> <base target="_blank" /> </head>

<object> 的作用是支持 HTML 助手（插件）。

<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>
面的例子使用了两个不同的音频格式。HTML5 <audio> 元素会尝试以 mp3 或 ogg 来播放音频。如果失败，代码将回退尝试 <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>
上例中使用了 4 中不同的视频格式。HTML 5 <video>元素会尝试播放以 mp4、ogg 或 webm 格式中的一种来播放视频。如果均失败，则回退到<embed>元素。

文档结构
XHTML DOCTYPE 是强制性的
<html>中的 XML namespace 属性是强制性的
<html>、<head>、<title>以及 <body> 也是强制性的
元素语法
XHTML 元素必须正确嵌套
XHTML 元素必须始终关闭
XHTML 元素必须小写
XHTML 文档必须有一个根元素（所有的 XHTML 元素必须被嵌套于 <html> 根元素中。其余所有的元素均可有子元素。）
属性语法
XHTML 属性必须使用小写
XHTML 属性值必须用引号包围
XHTML 属性最小化（简写）也是禁止的

HTML5 中的一些有趣的新特性：
用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持
新的特殊内容元素，比如 article、footer、header、nav、section
新的表单控件，比如 calendar、date、time、email、url、search