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
  • 相关阅读:
    通过Maven简单搭建SSM框架
    javaWeb常用面试题
    到底什么是对象,什么是对象的引用?对象和对象的引用有那些区别?
    第二章 python中重要的数据结构(下)
    第一章 python中重要的数据结构(上)
    springboot 集成完整的swagger2
    JAVA -> 数据加密和解密 留存
    mac rar文件解压缩
    java 图片合成文字或者awt包下的对话框引入自定义字体库
    java中list或数组中随机子集工具类
  • 原文地址:https://www.cnblogs.com/sunhao1987/p/9021825.html
Copyright © 2011-2022 走看看