zoukankan      html  css  js  c++  java
  • 4.26 html基础

    基础语法
    标签 作为网页的最小单元
         双标签   内容的容器
         单标签   控制性内容
     注释 每一个模块都要写清楚注释
     基本结构
     <!DOCTYPE html>   告诉浏览器,我这是文档是html文档
    <html>
     <head>
      <meta charset="utf-8" /> 设置中文编码utf-8
      <title></title>   网页的标题
      
     </head>
     <body>
      网页的内容
     </body>
    </html>
    通用标签
    <body></body> 网页的内容都要写到body里面
    格式控制类
          加粗       倾斜     下划线     换行      空格
     <b></b> <i></i> <u></u> <br/> &nbsp
     内容容器类
     标题
     <h1>~<h6>
     段落<p></p>
     行内标签:内容多大,我就多大<span></span>
    div:默认占一整行
    <div></div>
    无序列表<ul><li></li></ul>  type属性:circle disc square
    有序列表<ol><li></li></ol>  type属性:1 a A I i
    常用标签
    a标签
    作用:做链接,做下载,做锚点


     

    <!DOCTYPE html>
    <html>
     <head>
      <meta charset="UTF-8">
      <title></title>
     </head>
     <body>
      <a name="top"></a>
      <h1>五一劳动节</h1>
      <h2>五一劳动节</h2>
      <h3>五一劳动节</h3>
      <h4>五一劳动节</h4>
      <h5>五一劳动节</h5>
      <h6>五一劳动节</h6>
      <u><i><b>我们&nbsp;&nbsp;&nbsp;&nbsp;一起<br/>去飞吧</b></i></u>
      <br/>
      <span>大家好好打 啊啊啊啊啊</span>
      <span>大家好好打 啊啊啊啊啊</span> 
      <span>大家好好打 啊啊啊啊啊</span>
      <div style=" height: 100px;"> </div>
      <ul style="list-style: none;" >
       <li>1</li>
       <li>2</li>
       <li>3</li>
       <li>4</li>
      </ul>
      <br /><br /><br /><br /><br />
     <a href="#top">hui</a>
     <img src="img/1.jpg"/ width="500" height="500" title="花" alt="花花">
     <a href="http://www.baidu.com"> <img src="img/1.jpg"/>   </a>
      <table border="" cellspacing="0" cellpadding="0">
       
       <th>1</th>
       <tr> <th>1</th>
        <td>Data1</td>
        <td>Data2</td>
        <td>Data3</td>
        <td>Data4</td>
       </tr>
       <tr> <th>2</th>
        <td>Data1</td>
        <td>Data2</td>
        <td>Data3</td>
        <td>Data4</td>
       </tr>
      
      </table>
     <form action="https://www.baidu.com" method="get" target="_blank">
      <input type="submit" value="提交" />
     </form>
     <a href="#top">回顶部</a>
      
      
     </body>
    </html
  • 相关阅读:
    进程的Binder线程池工作过程
    Binder系列—开篇
    shell脚本使用技巧3--调试
    shell脚本使用--sleep
    shell脚本使用技巧2
    linux添加环境变量
    shell脚本学习1(Linux脚本攻略)
    c++语言的设计和演化---在线函数
    vim常用快捷键
    git常用命令
  • 原文地址:https://www.cnblogs.com/sunhao1987/p/9021825.html
Copyright © 2011-2022 走看看