• HTML5基础：框架，文字，图片，表格，列表

    主要是对基础进行复习加深印象

    基础框架，VS code 输入！可自动输入：

    1. html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7.     <title>Documenttitle>
    8. head>
    9. <body>
    10.     
    11. body>
    12. html>

    标题段，分别对应1,2,3,4级标题：

    1. <h1>XXXXXXXXh1>
    2. <h2>XXXXXXXXh2>
    3. <h3>XXXXXXXXh3>
    4. <h4>XXXXXXXXh4>

    段落：

    <p>XXXXXXXXXp>

    下一行：

    <br/>

    特殊字体，分别对应：

    加粗 、倾斜、删除线、下划线

    1. <strong>XXXXXXstrong>
    2. <bm>XXXXXXbm>
    3. <del>XXXXXXdel>
    4. <ins>XXXXXXins>

    分块,div表示整行分块，span表示小块分块：

    1. <div>XXXXXdiv>
    2. <span>XXXXXspan>

    图片：

    <img scr="image/11.jpg" width="100" >

    链接,XXXXX可以是文本 图片等,target表示前往新网站的类型，默认为将现有网站变换为新网站，_blank表示打开一个新的浏览器网页加载 

    <a href="http://www.baidu.com" target="_blank">XXXXXXXa>

    对同一网页内的链接，下文中需要出现同样的id :

    1. <a href="#live" target="_blank">XXXXXXXa>
    2.  
    3.  
    4.  
    5. <h1 id=live>XXXXh1>

    列表：

    无顺序列表：

    1.     <ul>
    2.         <li>溜了li>
    3.         <li>撒1li>
    4.         <li>破损li>
    5.     ul>

    有顺序列表：

    1.     <ol>
    2.         <li>1li>
    3.         <li>2li>
    4.         <li>3li>
    5.     ol>

    自定义列表：

    1.     <dl>
    2.         <dt>关注我们dt>
    3.         <dd>新浪微博dd>
    4.         <dd>联系我们dd>
    5.     dl>

    表格：

    基础框架，表示行 ，表示单元格，下面表示两行三列的表格

    1. <table width="20" align="center" border="1" cellpadding="20" cellspacing="0">
    2.     <tr>
    3.         <td>XXtd><td>XXtd><td>XXtd>
    4.     tr>
    5.     <tr>
    6.         <td>XXtd><td>XXtd><td>XXtd>
    7.     tr>
    8. table>

    也可以将换为表示头行（自动加粗 ）

    1. <tr>
    2.     <th>排名th><th>关键词th><th>趋势 th><th>今日搜索th><th>最近七日 th><th>相关链接 th>
    3. tr>

    为了更好的区分头行部分与身体部分，可以设置分区,:

    1.     <table width="20" align="center" border="1" cellpadding="20" cellspacing="0">
    2.  
    3.         <thead>
    4.             <tr>
    5.                 <th colspan="6">自我介绍th>
    6.             tr>
    7.         thead>
    8.         <tbody>
    9.             <tr>
    10.                 <th>排名th><th>关键词th><th>趋势 th><th>今日搜索th><th>最近七日 th><th>相关链接 th>
    11.             tr>
    12.             <tr>
    13.                 <td>1td><td>鬼吹灯td><td><img scr="image/11.jpg" width="100">td><td>345td><td>123td><td><a href="http://www.baidu.com" target="_blank">百度a>td>
    14.             tr>
    15.         tbody>
    16.     table>

    上面的 colspan=“6”表示合并六个单元格（列），如果以合并行的单元格则为rowspan=“6”（对右边或者对下面进行合并）

    <th colspan="6" rowspan="6">自我介绍th>

  • 相关阅读:
    Java8 新特性之Stream（五）-- Stream的3种创建方法
    LeetCode-1774. 最接近目标价格的甜点成本【数组，背包问题，优化暴力，回溯】
    pytorch + tensorboard +jupyter
    oracle存储过程实现定时备份表和处理重复数据
    高等数学（第七版）同济大学 习题1-9 个人解答
    GJB软件需求规格说明-编制指南
    PHP8.1新特性大讲解之initializers初始化器
    ML.NET相关资源整理
    java uniapp旅游微信小程序的开发hbuilderx
    语音芯片KT148A的一线串口和KT148A的串口版本以及按键版本有什么区别
  • 原文地址：https://blog.csdn.net/qq_54517101/article/details/126090108