HTML是英文Hypr Text Markup Language(超文本标记语言)。
1. h1元素通常被用作主标题,h2元素通常被用作副标题,还有h3、h4、h5、h6元素,它们分别用作不同级别的标题。可以叫做元素或标签,通常h2等标签也可以使用很多次。
Hello World
p是paragraph的缩写,通常被用来创建一个段落,就和你写作文一样。
I'm a p tag!
HTML 添加注释
注释的开始标记是。
HTML5 引入了很多更具描述性的 HTML 元素,例如:header、footer、nav、video、article、section。main元素让搜索引擎和开发者瞬间就能找到网页的主要内容。
添加图片
用img元素来为你的网站添加图片,其中src属性指向一个图片的地址。所有的img元素必须有alt属性,alt属性的文本是当图片无法加载时显示的替代文本,这对于通过屏幕阅读器来浏览网页的用户非常重要。
HTML 基础:用锚点实现网页间的跳转
a锚点(Anchor,简写 a)来实现网页间的跳转。
绝对 URL - 指向另一个站点 :cat photos
相对 URL - 指向站点内的某个文件(href="index.html")
在a标签里面 target="_blank" 点击链接会打开新的网页
HTML 基础:用a标签(锚点)实现网页内部跳转
设置锚点的href属性值为井号#加上想跳转区域对应的id属性值,这样就可以创建一个内部跳转。id是用来描述网页元素的一个属性,它的值在整个页面中唯一。href=#,可以创建固定链接。
Contacts
href=#,可以创建固定链接。
创建一个无序列表
无序列表unordered lists(缩写 ul)。
无序列表以
- 开始,中间包含一个或多个
- 元素,最后以
- 机械
- 飞机
创建一个有序列表
有序列表ordered lists(缩写 ol)。
无序列表以
- 开始,中间包含一个或多个
- 元素,最后以
- 机械
- 飞机
创建一个输入框
现在让我们来创建一个form表单。
input输入框可以让你轻松获得用户的输入。
你可以像这样创建一个文本输入框:
注意:input输入框是没有结束标记的
给输入框添加占位符文本
Placeholder占位符是用户在input输入框中输入任何东西前的预定义文本。
你可以像这样创建一个占位符:
创建一个表单
给form表单添加一个action属性,你可以使用纯 HTML 来构建向服务器提交数据的 Web 表单。在 HTML5 中,action 属性不再是必需的。
给表单添加提交按钮
在
提示:请始终为 元素规定 type 属性。不同的浏览器对 元素的 type 属性使用不同的默认值。
onclick鼠标单击,alert提示,警示
给表单添加一个必填字段
把文本输入框设置为必填项,在input元素中加上required属性就可以了,没有输入内容,就无法提交。例如:
创建一组单选按钮
(单选按钮)就好比单项选择题,正确答案只有一个。单选按钮只是input输入框的一种类型。每一个单选按钮都应该嵌套在它自己的label(标签)元素中。所有关联的单选按钮应该拥有相同的name属性。
Indoor
创建一组复选框
checkboxes(复选框)就好比多项选择题,正确答案有多个。 每一个复选框都应该嵌套在它自己的label(标签)元素中。 所有关联的复选框应该拥有相同的name属性。最佳实践是在label元素上设置for属性,让其值与复选框的id属性值相等,这样就在label元素和它的子元素复选框之间创建了一种链接关系。例如:
给单选按钮和复选框添加默认选中项
元素嵌套
div元素,也叫division(层)元素,是一个盛装其他元素的通用容器。
它也是 HTML 中出现频率最高的元素。
和其他普通元素一样,你可以用
提示:
元素经常与 CSS 一起使用,用来布局网页。
注释:默认情况下,浏览器通常会在
元素前后放置一个换行符。然而,您可以通过使用 CSS 改变这种情况。
声明 HTML 文档的文档类型
!和大写的DOCTYPE是很重要的,特别是对于老的浏览器。但html大写小写都可以。对应的就是 HTML5。!与DOCTYPE紧密相连
定义 HTML 文档的标题和正文
html的结构主要分为两大部分:head、body。关于网页的描述都应该放入head标签,网页的内容都应该放入body标签。
比如link、meta、title和style都应该放入head标签。
Document
HTML 标签
标签用来表示一个缩写词或者首字母缩略词,如"WWW"或者"NATO"。
TheWHO was founded in 1948.
HTML 标签
标签定义文档作者/所有者的联系信息。
如果
元素位于 元素内部,则它表示该文档作者/所有者的联系信息。如果
元素位于元素的文本通常呈现为斜体。大多数浏览器会在该元素的前后添加换行。
Contact the author of this page:
当表示一个和联系信息无关的任意的地址时,请改用
元素而不是
元素。这个元素不能包含除联系信息之外的任何信息,比如出版日期(这应当被包含在
通常,
元素可以放在
HTML
aside 的内容应该与附近的内容相关。其通常表现为侧边栏或者标注框。
My family and I visited The Epcot center this summer.
Epcot Center
The Epcot Center is a theme park in Disney World, Florida.
HTML
目前,
提示:可以在 之间放置文本内容,这些文本信息将会被显示在那些不支持
您的浏览器不支持 audio 元素。
HTML 标签与 HTML 标签
定义粗体文本,定义粗体,重要的文本,带有语义化重要的。
粗体文本
重要的文本
HTML 标签与HTML标签
标签被用来表示科技术语、其他语种的成语俗语、想法、宇宙飞船的名字等等
标签是一个短语标签,用来呈现为被强调的文本,带有语义化。
He named his car The lightning, because it was very fast.
强调文本
HTML 标签
元素是所有头部元素的容器。
元素必须包含文档的标题(title),可以包含脚本、样式、meta 信息 以及其他更多的信息。
HTML 标签
rel:stylesheet(样式表)必需。定义当前文档与被链接文档之间的关系。
type:规定被链接文档的 MIME 类型。
href:定义被链接文档的位置。
标签定义文档与外部资源的关系。
标签最常见的用途是链接样式表
HTML 标签
元数据(Metadata)是数据的数据信息。
标签提供了 HTML 文档的元数据。元数据不会显示在客户端,但是会被浏览器解析。
META元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者及其他元数据。
元数据可以被使用浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 Web 服务调用。
HTML
这是一个标题
这是一个段落。
HTML 标签
定义浏览器工具栏中的标题
提供页面被添加到收藏夹时的标题
显示在搜索引擎结果中的页面标题
文档标题 文档内容......
HTML 标签
在一个文档中,您可以定义多个
注释:
Internet Explorer 9
Windows Internet Explorer 9(缩写为 IE9 )是在2011年3月14日21:00发布的
HTML
并不是所有的 HTML 文档都要使用到
在不同设备上(手机或者PC)可以制定导航链接是否显示,以适应不同屏幕的需求。
HTML |
CSS |
HTML
在典型情况下,该元素会包含文档创作者的姓名、文档的版权信息、使用条款的链接、联系信息等等。
在一个文档中,您可以定义多个
提示:假如您使用 元素来插入联系信息,应该在元素内使用
标签。
Posted by: Hege Refsnes
HTML 标签
HTML
例如,导航菜单应该包含在
注意:如果元素的内容作为一个独立的有意义的集合,
一般通过是否包含一个标题 (
- element) 作为子节点 来 辨识每一个。
如果元素内容可以分为几个部分的话,应该使用 而不是。
不要把 元素作为一个普通的容器来使用,这是本应该是的用法(特别是当片段(the sectioning )仅仅是为了美化样式的时候)。 一般来说,一个 应该出现在文档大纲中。
WWF
The World Wide Fund for Nature (WWF) is....
HTML
使用
HTML 标签
使用
标签为 元素定义标题。
元素应该被置于 元素的第一个或最后一个子元素的位置。
Fig1. - A view of the pulpit rock in Norway.
HTML 标签
标签定义作品(比如书籍、歌曲、电影、电视节目、绘画、雕塑等等)的标题。但人名不算。
The Scream by Edward Munch. Painted in 1893.
HTML标签
标签是一个短语标签,用来定义计算机代码文本。
一段电脑代码
HTML5 标签
被mark标签的milk黄色高亮显示。 标签定义带有记号的文本。HTML新属性
Do not forget to buy milk today.
HTML 、 标签
一段带有删除部分的文本和新插入部分的文本。
标签定义文档中已删除的文本。
和 一起使用,描述文档中的更新和修正。浏览器通常会在已删除文本上添加一条删除线,在新插入文本下添加一条下划线。
My favorite color is blue red!
HTML 标签
定义小型字体或旁注
runoob.com - the world's largest web development site.
Copyright 1999-2050 by Refsnes Data.
HTML 标签
行内容器,行内元素,没有语义, 与 元素很相似,但 是一个块元素 而 则是 行内元素 。
用于对文档中的行内元素进行组合。
标签没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。如果不对 应用样式,那么 元素中的文本与其他文本不会任何视觉上的差异。
标签提供了一种将文本的一部分或者文档的一部分独立出来的方式。
使用 元素对文本中的一部分进行着色:
我的母亲有 蓝色 的眼睛。
HTML标签
标签是一个短语标签,用来定义变量。
对文档中的文本进行格式化:
变量
HTML
目前,
可以在 标签之间放置文本内容,这样不支持
您的浏览器不支持 video 标签。
HTML
HTML
src 属性规定外部脚本文件的 URL。
如果您希望在网站中的多个页面上运行相同的 JavaScript,就应该创建外部 JavaScript 文件,而不是重复编写相同的脚本。把脚本文件以 .js 扩展名进行保存,然后在
如果元素内容可以分为几个部分的话,应该使用
不要把
The World Wide Fund for Nature (WWF) is.... 使用 使用 标签为 标签定义作品(比如书籍、歌曲、电影、电视节目、绘画、雕塑等等)的标题。但人名不算。 The Scream by Edward Munch. Painted in 1893. 被mark标签的milk黄色高亮显示。 标签定义带有记号的文本。HTML新属性 Do not forget to buy milk today. 一段带有删除部分的文本和新插入部分的文本。 My favorite color is 定义小型字体或旁注 runoob.com - the world's largest web development site. Copyright 1999-2050 by Refsnes Data. 行内容器,行内元素,没有语义, 与 用于对文档中的行内元素进行组合。 标签没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。如果不对 应用样式,那么 元素中的文本与其他文本不会任何视觉上的差异。 标签提供了一种将文本的一部分或者文档的一部分独立出来的方式。 使用 元素对文本中的一部分进行着色: 我的母亲有 蓝色 的眼睛。 HTML标签 标签是一个短语标签,用来定义变量。 对文档中的文本进行格式化: 变量 HTML 目前, 可以在 标签之间放置文本内容,这样不支持 您的浏览器不支持 video 标签。 src 属性规定外部脚本文件的 URL。 如果您希望在网站中的多个页面上运行相同的 JavaScript,就应该创建外部 JavaScript 文件,而不是重复编写相同的脚本。把脚本文件以 .js 扩展名进行保存,然后在
WWF
HTML
HTML
HTML 标签
HTML
标签
标签是一个短语标签,用来定义计算机代码文本。
一段电脑代码
HTML5 标签
HTML
、 标签 标签定义文档中已删除的文本。 和 一起使用,描述文档中的更新和修正。浏览器通常会在已删除文本上添加一条删除线,在新插入文本下添加一条下划线。
blue red!HTML 标签
HTML 标签
HTML
HTML