html 基础

html基础

<meta>
 1、主要用于设置消息头
 2、注意不要这样写(有的浏览器会不兼容)
  <meta></mata>
  <mata/>
 3、消息头:
  1、浏览器访问服务器时,服务器会发送的一些键值对
  2、<mata http-equiv = "content-type" content = "text/html";charset=utf-8 >
   表示浏览器读到的是一个html格式文件,字符编码是utf-8
 4、引入css样式文件  
  style.css
  body{
   font-size:60px;
   color:red;
   font-style:italic;
  }
  
  <html>
   <head>
    <link rel = "stylesheet"
       type = "text/css"
       href = "style.css"
     
    >
   </head>
   <body>
    hello world
   </body>
  </html>
  
   注意不要这样写
   <link/> 或者<link></link>
  
 5、<script>引入脚本
  <html>
   <head>
    <script src="c1.js"></script>
   </head>
   <body></body>
  </html>
  
 6、<body>中的标签
  <html>
   <!--描述页面的数据-->
   <head>
   </head>
   <!--与页面显示的内容有关系-->
   <body>
    
    <!--1、链接-->
    <a href=""></a>
    
    <!--2、表格-->
    <table>
    
    <!--3、表单-->
    <form>
    
    <!--列表-->
    <ul>.<ol>
    
    <!--5、窗口划分-->
    <iframe>,<frameset>
    
   </body>
  </html>
  
  
几个重要的标记:
 链接<a href>
 基本使用
     语法:
  <a href = "url地址" target="" title="">描述性的文字</a>
  
  href属性:          指定链接的地址
  target属性:        指定在哪个窗口打开链接,值可以指定为
   _self:        在当前窗口中打开(缺省)
   _blank:       新窗口中打开
   title:        提示信息
   
 使用图片作为链接
  语法:
  <a href="">
   <img src="" width="" height="" horder="0" />
  </a>
  
  src: 对于img标签,src指定图片的地址
  wdith:宽度
  height:高度
  border:边框(为0表示没有边框)
  
 锚点(在同一个页面内部跳转)
  1、锚点实现在页面内部跳转
  2、语法
  <a name="top">top...</a>
  <a href="#top">跳转到top</a>
 
 热点(使用图片区域作为链接)
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

你可能感兴趣的:(html 基础)