• 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
  • 相关阅读:
    this引用逸出demo
    BS系统自动更新的实现
    一个好用的java图片缩放及质量压缩方法
    Kindeditor图片粘贴上传(chrome)
    前端模拟“多线程”提交Http请求
    对搜索引擎友好的图片延迟加载技术
    iframe分栏拖拽伸缩例子
    我的web系统设计规范
    Java web文件服务器的简单实现
    自创简易CSS Tab 选项卡
  • 原文地址:https://www.cnblogs.com/sunhao1987/p/9021825.html
Copyright © 2020-2023  润新知