【HTML笔记一】HTML介绍
2016-06-08 15:47
302 查看
一、制作我的第一个网页Hello World
作用在浏览器的标题栏显示“我的第一个网页”,在页面中显示“Hello World”。
二、HTML和CSS的关系
HTML是网页内容的载体。在页面上让用户浏览的信息,可以包含文字、图片、视频等。
CSS样式是表现。比如标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
JavaScript是用来实现网页上的特效效果。比如鼠标滑过弹出下拉菜单,或鼠标滑过表格的背景颜色改变,还有焦点新闻图片的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。
三、认识HTML标签
我们上网浏览的各种各样的网页,都是由HTML标签组成的。网页中每一个内荣在浏览器中的显示,都要存放到各种标签中。
四、标签的语法
标签由英文尖括号
标签一般是成对出现的,分开始标签和结束标签。结束标签比开始标签多了一个
标签之间何以嵌套,但先后顺序必须保持一致。如
HTML标签不区分大小写。如
五、认识HTML文件基本结构
固定的结构如下:
代码讲解:
六、认识head标签
文档的头部描述了文档的各种属性和信息,包括文档的标题等。绝大数文档头部包含的数据都不会真正作为内容显示给读者。
在
头部中的其他标签在后面章节讲解。
七、了解HTML的代码注释
代码注释标注代码的用途,方便日后或其他程序员的阅读。
语法:
注释文字是不会在窗口中显示出来的。
<html> <head> <title>我的第一个网页</title> </head> <body> <h1>Hello World</h1> </body> </html>
作用在浏览器的标题栏显示“我的第一个网页”,在页面中显示“Hello World”。
二、HTML和CSS的关系
HTML是网页内容的载体。在页面上让用户浏览的信息,可以包含文字、图片、视频等。
CSS样式是表现。比如标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
JavaScript是用来实现网页上的特效效果。比如鼠标滑过弹出下拉菜单,或鼠标滑过表格的背景颜色改变,还有焦点新闻图片的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。
三、认识HTML标签
我们上网浏览的各种各样的网页,都是由HTML标签组成的。网页中每一个内荣在浏览器中的显示,都要存放到各种标签中。
四、标签的语法
标签由英文尖括号
<和
>括起来。如
<html>就是一个标签。
标签一般是成对出现的,分开始标签和结束标签。结束标签比开始标签多了一个
/。比如
<html></html>。
标签之间何以嵌套,但先后顺序必须保持一致。如
<div><p>...</p></div>。
HTML标签不区分大小写。如
<h1>和
<H1>是一样的,建议小写。
五、认识HTML文件基本结构
固定的结构如下:
<html> <head>...</head> <body>...</body> </html>
代码讲解:
<html></html>为根标签,所有的网页标签都在其中。
<head>标签用于定义文档的头部,是所有头部元素的容器。头部元素有
<title>,<script>,<style>,<link>,<meta>等。
<body></body>标签之间的内容是网页的主要内容。如
<h1>,<p>,<a>,<img>等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。
六、认识head标签
文档的头部描述了文档的各种属性和信息,包括文档的标题等。绝大数文档头部包含的数据都不会真正作为内容显示给读者。
<head> <title>...</title> <meta> <link> <style>...</style> <script>...</script> </head>
在
<titel></title>标签之间的文字内容是网页的标题信息,出现在浏览器的标题栏中。用于告诉用户和搜索引擎这个网页的主要内容是什么,搜索引擎可以通过网页标题,迅速的判断出网页的主题。
头部中的其他标签在后面章节讲解。
七、了解HTML的代码注释
代码注释标注代码的用途,方便日后或其他程序员的阅读。
语法:
<!--注释文字-->
注释文字是不会在窗口中显示出来的。
相关文章推荐
- java-WEB中的监听器Lisener
- GUI - Web前端开发框架
- Extjs4.0 最新最全视频教程
- Web布局连载——两栏固定布局(五)
- [div+css]晒晒最新制作专题推广页模板
- MyEclipse Web Project转Eclipse Dynamic Web Project
- axis备忘
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- 盒子模型
- CSS选择器
- CSS样式优先权
- HTML5调用摄像头实例
- Powershell 创建炫丽美观的Html报表
- [css] line-height 百分比单位和数值单位的区别
- Apple官网研究之使用Justify布局导航
- 关于前端的思考与感悟