入门系列1

1,什么是HTML : 是一种超文本标记语言、
   
2、特性: 2.1 超文本:体现在超链接上
                 2.2 普适性:任何计算机都可以读取网页
 
3、CSS 层叠样式表
     3.1  css的优势:  3.1.1 表现和内容相分离
                                  3.1.2 提高页面浏览速度
                                  3.1.3 易于维护和改版
                                  3.1.4 符合w3c标准
 
4、 xhtml = xml + html
       xml : 可扩展标记性语言
       xhtml: 所有xhtml要注意大小写!!!
 
5、HTML 文档的基本结构:
<html>
  <head>
    <title></title>
  </head>
  <body></body>
</html>
 
6、<head></head>   头控制标记
    Head标签中可以包含以下6种标签:
  1. <title></title>
  2. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <meta http-equiv="refresh" content="time;url">
    <meta name="description" content="这是用来描述当前网页作用的">
    1. meta的作用: 字体编码、 定时刷新、网页描述
  3. <base> 超链接网址基准参考点
  4. Javascript脚本
  5. styleSheet 排版声明
  6. <link> 引用外部文件 
 
 
7,meta  :
  1,定义页面关键字
       <meta name="keywords" content="关键字内容"> 
  2,定义网页语言的编码方式
       <meta http-equiv="Content-Type" content="text/html;charset=字符集类型|gb2312|UTF-8">
  3,定义网页的定时跳转
       <meta http-equiv="refresh" content="3,url=http://www.baidu.com"> 
  4,
        <meta http-equiv="过渡事件" content="revealtrans(duration=过渡效果持续时间,transition=过渡方式)">
PS: 过渡事件可以是进入页面:http-equiv="page-enter"
     过渡事件可以是离开页面:http-equiv="page-exist"
     过渡方式的编码:1~23
 
8,基本标签:
    <font size="6" face="华文行楷" color="blue">面朝大海,春暖花开</font>
    粗体:<b></b><strong></strong>
    斜体:<i></i> <em></em><cite></cite>
 
    上标:<sup></sup>
    下标:<sub></sub>
 
    删除线: <s></s><strike></strike>
    下划线:<u></u><ins></ins>
 
    段落:<p align="center"></p>
    段落的文字方向:<bdo dir="rtl|ltr"></bdo>
 
    空字符: &nbsp;
    换行标记:<br>
 
    水平线:<hr width="" size="" color="" align="" noshade>   
    PS:noshade:网页中去掉水平线的阴影
       size:高度
 
 
    文字滚动:<marquee direction="left" behavior="scroll" loop="" scrollamount="10px" scrolldelay="100" bgcolor="red" width="" height=""> </marquee>
    PS:direction:滚动方向  up | down| left| right
          behavior:滚动方式  scroll| slide| alternate
          scrollamount:滚动速度
          loop:滚动次数
          scrolldelay:滚动延迟(毫秒)
          bgcolor:滚动区域的背景
 
 
 
 
 
 
 
 
 
 
 
 
 
posted @ 2018-03-06 10:40  好朋友阿九  阅读(122)  评论(0编辑  收藏  举报