html学习笔记第一天

一.html介绍

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

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

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

 动动手~
 例子:(demo2.html)
 <font color="blue" size="6"><b>社会新闻</b></font>
 社会新闻 > 正文
 <hr width="50%">
 <font size="5">新闻发布署今年春节不放假</font>
 <br>
 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属性就有默认值)
  很多功能已经被样式取代,仅作了解.

 抓图工具 FastStone Captrue
  好用的版本http://www.pc6.com/softview/SoftView_14254.html

本文出自 “一切只为一个家” 博客,谢绝转载!

你可能感兴趣的:(html学习笔记)