html基础

最新推荐文章于 2023-03-06 17:15:50 发布

liaojuajun

最新推荐文章于 2023-03-06 17:15:50 发布

阅读量112

点赞数

分类专栏： html 文章标签： html基础

本文链接：https://blog.csdn.net/liaojuajun/article/details/98506915

版权

html 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

1.

target="_blank"

2.

href

3.

<body>
  
  后&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;盾人
  
  
  h1标签的写法是：&lt;h1&gt;后盾人 人人做后盾&lt;/h1&gt; 
  
  版权归后盾人所有 &copy; 2010-2018
  
  
  
 </body>

后盾人 h1标签的写法是：

后盾人人人做后盾

4.

<body>
  
  <!--无序列表-->
  <ul>
   <li>她与巩俐“争风吃醋” 结婚十年不孕</li>
   <li>缺课的关晓彤被学校开除了？她首次正面回应</li>
   <li>她16岁和陈冠希相恋 如今23岁变脸认不出</li>
   <li>杨威双胞胎女儿海洋球里玩躲猫猫 呆萌可爱瞬间被萌化</li>
   <li>比范冰冰还美，交过10个男友，56岁未嫁成这样</li>
  </ul>
  
  <!--有序列表-->
  <ol>
   <li>她与巩俐“争风吃醋” 结婚十年不孕</li>
   <li>缺课的关晓彤被学校开除了？她首次正面回应</li>
   <li>她16岁和陈冠希相恋 如今23岁变脸认不出</li>
   <li>杨威双胞胎女儿海洋球里玩躲猫猫 呆萌可爱瞬间被萌化</li>
   <li>比范冰冰还美，交过10个男友，56岁未嫁成这样</li>
  </ol>
  
  
  
  <!--自定义-->
  <!--有标题的列表-->
  <dl>
   <dt>河北省</dt>
   <dd>廊坊</dd>
   <dd>石家庄</dd>
   <dd>保定</dd>
   <dd>邯郸</dd>
  </dl>
  
  
  <dl>
   <dt>山东省</dt></li>
   <ol><li><dd>济南</dd></ol>
   
   <dd>济宁</dd>
   <dd>烟台</dd>
   <dd>威海</dd>
   <dd>青岛</dd>
  </dl>
  <ul>
   <li>fsfs</li>
  </ul>
  
 </body>

在这里插入图片描述

5.

<body>
  <!--表格是横平竖直的：每一行单元格的数量都应该一样
  每一行单元格的高度都一样
  每一列单元格的宽度都一样-->
  
  <!--table表示声明一个表格-->
  <!--tr标签用来声明一行-->
  <!--td表示一个单元格-->
  <table border="20">
    
   
   <!--第一行-->
   <tr>
    <td></td>
    <td>周一</td>
    <td>周二</td>
    <td>周三</td>
    <td>周四</td>
    <td>周五</td>
   
   <!--第一行结束-->
   <!--tr*4>td*6-->
   
   <!--第二行-->
   <tr>
    <td>第一节课</td>
    <td>语文</td>
    <td>数学</td>
    <td>英语</td>
    <td>物理</td>
    <td>生物</td>
   
   <!--第二行结束-->
   
   <!--第三行-->
   <tr>
    <td>第二节课</td>
    <td>政治</td>
    <td>化学</td>
    <td>语文</td>
    <td>英语</td>
    <td>体育</td>
   <!--第三行结束-->
   
   <!--第四行-->
   <tr>
    <td>第三节课</td>
    <td>物理</td>
    <td>生物</td>
    <td>音乐</td>
    <td>计算机</td>
    <td>化学</td>
   <!--第四行结束-->
   
   <!--第五行-->
   <tr>
    <td>第四节课</td>
    <td>数学</td>
    <td>英语</td>
    <td>体育</td>
    <td>实验</td>
    <td>物理</td>
   <!--第五行结束-->
   
   
  </table>
  
  
 </body>

在这里插入图片描述

6.

 <body>
  
<!--  tr和td标签的align属性用来控制单元格内部内容的位置-->
  <!--table标签的align属性用来控制整个表格在它父级元素中的位置-->
  
  <table border="1" width="800" height="550" align="center">
   
   <!--第一行-->
   <tr>
    <td></td>
    <td>周一</td>
    <td>周二</td>
    <td>周三</td>
    <td>周四</td>
    <td>周五</td>
   </tr>
   <!--第一行结束-->
   <!--tr*4>td*6-->
   
   <!--第二行-->
   
   <tr height="200" bgcolor="green" align="right" valign="bottom">
    <td>第一节课</td>
    <td>语文</td>
    <td>数学</td>
    <td>英语</td>
    <td>物理</td>
    <td>生物</td>
   </tr>
   <!--第二行结束-->
   
   <!--第三行-->
   <tr>
    <td>第二节课</td>
    <td>政治</td>
    <td>化学</td>
    <td width="200" height="50" align="center" valign="bottom" bgcolor="yellow">语文</td>
    <td>英语</td>
    <td>体育</td>
   </tr>
   <!--第三行结束-->
   
   <!--第四行-->
   <tr>
    <td>第三节课</td>
    <td>物理</td>
    <td>生物</td>
    <td>音乐</td>
    <td>计算机</td>
    <td>化学</td>
   </tr>
   <!--第四行结束-->
   
   <!--第五行-->
   <tr>
    <td>第四节课</td>
    <td>数学</td>
    <td>英语</td>
    <td>体育</td>
    <td>实验</td>
    <td>物理</td>
   </tr>
   <!--第五行结束-->
   
   
  </table>
  
  
 </body>

在这里插入图片描述

7.

<body>
  
  <!--form表示这是一组表单，发送的时候，会将form里所有的内容一起打包发送过去-->
  <form>
   <!--单行文本-->
   <input type="text" />
   <!--密码框-->
   <input type="password" />
   <!--单选按钮-->
   <input type="radio" />
   <!--多选按钮、复选按钮-->
   <input type="checkbox" />
   <!--隐藏域-->
   <!--<input type="hidden" />-->
   <!--文件域-->
   <input type="file" />
   <!--重置按钮-->
   <input type="reset" />
   <!--提交按钮-->
   <input type="submit" />
   <!--多行文本-->
   <textarea></textarea>
   <!--下拉列表-->
   <select>
    <option>HTML</option>
    <option>JavaScript</option>
    <option>PHP</option>
   </select>
  </form>
  
  
 </body>

在这里插入图片描述
8.

liaojuajun

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html基础

target="_blank"2.href3.<body> 后&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;盾人 h1标签的写法是：&lt;h1&gt;后盾人人人做后盾&lt;/h1&gt; ...
复制链接

扫一扫