菜鸟HTML学习笔记(一)
2017-02-15 14:11
141 查看
为了学习和加深记忆,以写博客的方式记录学习情况,算是一种自我督促,希望各位技术大师多多批评指正,谢谢!
HTML:HyperText Markup Language(超文本标记语言)
<!DOCTYPE> Document Type Declaratioan(文档类型说明,简写DTD)位于文档中的最前面的位置,处于 <html> 标签之前。
<!DOCTYPE> 声明不是一个 HTML 标签;它是用来告知 Web 浏览器页面使用了哪种 HTML 版本。
在 HTML 4.01 中,<!DOCTYPE> 声明需引用 DTD (文档类型声明),因为 HTML 4.01 是基于 SGML (Standard Generalized Markup Language 标准通用标记语言)。DTD 指定了标记语言的规则,确保了浏览器能够正确的渲染内容。HTML5 不是基于 SGML,因此不要求引用 DTD。<head> 元素是所有头部元素的容器。 <head> 元素必须包含文档的标题(title),可以包含脚本、样式、meta 信息 以及其他更多的信息。可以添加在头部区域的元素标签为:
<title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>。
<title> 元素:定义了浏览器工具栏的标题,当网页添加到收藏夹时,显示在收藏夹中的标题,显示在搜索引擎结果页面的标题,例如:
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>文档标题</title> </head>
<meta />自封闭标签,描述 HTML 文档的元数据,放在head中
<meta name="Decripition" content="网页描述内容"/>
<meta name="Decripition" content="网页描述内容"/>
<meta name="Keywords" content="关键词"/>
<meta name="author" content="网页作者"/>
<meta http-equive ="refresh" content="30"/>30秒刷新一次网页
<h1>一级标题标签h1</h1> (标题标签h1~h6,每个标题标签成对出现)
<p>段落标签p</p>
<base>标签规定页面上所有链接的默认 URL 和默认目标,在一个文档中,最多能使用一个 <base> 元素。<base>
标签必须位于 <head> 元素内部。<base> 标签不支持任何的事件属性。
<head><base
href="http://www.runoob.com/images/"
target="_blank"></head>
<a> 标签定义超链接,用于从一个页面链接到另一个页面。如果没有使用 href 属性,则不能使用 hreflang、media、rel、target 以及 type 属性。
<a href="http://www.sina.com" title=''悬停文字" target= “_blank”>新浪标签</a>title 属性表示悬停文字,target表示在新窗口中打开页面
<img> 标签定义 HTML 页面中的图像。<img> 标签有两个必需的属性:src 和 alt。img
src="smiley.gif"
alt="Smiley
face"
> alt表示图片不能正常加载时的文字显示。
HTML:HyperText Markup Language(超文本标记语言)
<!DOCTYPE> Document Type Declaratioan(文档类型说明,简写DTD)位于文档中的最前面的位置,处于 <html> 标签之前。
<!DOCTYPE> 声明不是一个 HTML 标签;它是用来告知 Web 浏览器页面使用了哪种 HTML 版本。
在 HTML 4.01 中,<!DOCTYPE> 声明需引用 DTD (文档类型声明),因为 HTML 4.01 是基于 SGML (Standard Generalized Markup Language 标准通用标记语言)。DTD 指定了标记语言的规则,确保了浏览器能够正确的渲染内容。HTML5 不是基于 SGML,因此不要求引用 DTD。<head> 元素是所有头部元素的容器。 <head> 元素必须包含文档的标题(title),可以包含脚本、样式、meta 信息 以及其他更多的信息。可以添加在头部区域的元素标签为:
<title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>。
<title> 元素:定义了浏览器工具栏的标题,当网页添加到收藏夹时,显示在收藏夹中的标题,显示在搜索引擎结果页面的标题,例如:
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>文档标题</title> </head>
<meta />自封闭标签,描述 HTML 文档的元数据,放在head中
<meta name="Decripition" content="网页描述内容"/>
<meta name="Decripition" content="网页描述内容"/>
<meta name="Keywords" content="关键词"/>
<meta name="author" content="网页作者"/>
<meta http-equive ="refresh" content="30"/>30秒刷新一次网页
<h1>一级标题标签h1</h1> (标题标签h1~h6,每个标题标签成对出现)
<p>段落标签p</p>
<base>标签规定页面上所有链接的默认 URL 和默认目标,在一个文档中,最多能使用一个 <base> 元素。<base>
标签必须位于 <head> 元素内部。<base> 标签不支持任何的事件属性。
<head><base
href="http://www.runoob.com/images/"
target="_blank"></head>
<a> 标签定义超链接,用于从一个页面链接到另一个页面。如果没有使用 href 属性,则不能使用 hreflang、media、rel、target 以及 type 属性。
<a href="http://www.sina.com" title=''悬停文字" target= “_blank”>新浪标签</a>title 属性表示悬停文字,target表示在新窗口中打开页面
<img> 标签定义 HTML 页面中的图像。<img> 标签有两个必需的属性:src 和 alt。img
src="smiley.gif"
alt="Smiley
face"
> alt表示图片不能正常加载时的文字显示。
相关文章推荐
- Android菜鸟学习笔记(WebView加载html页面,页面提交数据问题)
- Android菜鸟学习笔记(WebView加载html,滑动时闪屏)
- 菜鸟碎碎念之html学习笔记
- 菜鸟的jquery学习笔记,jquery添加删除html标签属性:2011-12-19
- HTML菜鸟学习心得-笔记1
- 菜鸟学习笔记-----linux下的串口操作 嘿嘿
- HTML学习笔记:链接标记
- HTML语言学习笔记之三
- HTML语言学习笔记之四
- Struts学习笔记: Html标签库学习(Form标签)
- HTML学习笔记
- html学习笔记2
- HTML学习笔记:图像标记
- 利用.net 中数据绑定向导将数据绑定到datagrid当中(菜鸟学习笔记)
- 菜鸟必读:RHCE课堂学习笔记(2)
- HtmlTextWriter学习笔记
- 菜鸟学习:动态网页PHP基础学习笔记
- [学习笔记]Asp.net(C#)菜鸟进级系列之值类型
- [学习笔记]Asp.net(C#)菜鸟进级系列之引用类型
- ASP.NET控件开发学习笔记--第5回 HtmlTextWriter的相关枚举