html学习笔记第一天

原创

king25 2013-03-04 13:00:45 博主文章分类：学习笔记 ©著作权

©著作权归作者所有：来自51CTO博客作者king25的原创作品，谢绝转载，否则将追究法律责任

一.html介绍

html文件是通过浏览器来查看的
html的标记约89个
常用标记见http://blog.csdn.net/nevergiveup23/article/details/2767795

动动手~
例子:(demo1.html)
 今天我们来学习HTML
问题:什么是html?
 Hyper Text Mark-up Language超文本标记语言就是用来描述网页内容的一些特定符号.
 html不是编程语言,而是一种描述性的标记语言,用于描述网页中内容的显示方式.
 html标记语法<书写规则>
 <标记符>内容</标记符> 标记分为单标记和双标记双标记由开头标记,内容,和结束标记组成

如何制作一个html网页文件
1.新建一个记事本文件,将它重命名为 *.html;
2.在里面输入网页的信息内容;
3.在要修饰的内容两侧加上html标签;

动动手~
例子:(demo2.html)
社会新闻
社会新闻 > 正文
<hr width="50%">
新闻发布署今年春节不放假
 
2013年3月3日 18:18:35

html标记的语法: 标记分为两种:单标记和双标记
单标记也分为两种,有属性值和无属性值
在xhtml中规定,所有html标记都要小写,所有的标记都需要关闭
注意:源代码中的效果,并不是浏览器的最终效果,需要区分开来

网页技术发展历史

参见 http://baike.baidu.com/view/383720.htm?fromId=692#4

二.html文档结构

1.网页----html文件---浏览器
2.结构形式
 <html>
 <head>
 <title>标题</title>
 <meta name="keywords" content="value内容">
 <meta name="description" content="value1,value2">
 <meta name="author" content="作者名">
 <meta http-equiv="refresh" content="2;URL=http://blog.51cto.com"/>
 </head>
 <body>
 正文
 </body>
 </html>

meta标记

问题：gb2312 和 utf-8 的区别
 参见http://blog.csdn.net/xiaoli_feng/article/details/5118890
EditPlus模板
 模板内容(temp.html)
 <html>
 <head>
 <title>网页标题</title>
 <meta name="keywords" content="">
 <meta name="description" content="">
 <meta http-equiv="content-type" content="text/html;charset=utf-8">
 </head>
 <body>

 </body>
 </html>

EditPlus中代码标记是用颜色区别的 html标记--蓝色标记属性---红色标记属性的值---紫色注释---绿色
注释标记 

body主体部分
 参加手册<body>标记

 注释:html标记 html元素 html标签是同一个意思
 某些html标记有默认的值(比如leftmargin属性就有默认值)
 很多功能已经被样式取代,仅作了解.