HTML基础学习

最新推荐文章于 2024-08-18 21:08:41 发布

逆风奔袭

最新推荐文章于 2024-08-18 21:08:41 发布

阅读量95

点赞数

文章标签： html 基础学习

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/weixin_42793833/article/details/81206524

版权

HTML基础

<!DOCTYPE html> 表示使用的html版本
<meta charset=”UTF-8” /> 字符集
标题标签<h1>、<h2>、~<h6>标题
<p></p>段落标签
<hr/>水平标签
<br/>换行标签
<div></div>和<span></span>没有语意连个盒子
强调语义标签
1. <strong>加粗</strong>、<em>倾斜</em>、<del>删除</del>、<ins>下划线</ins>
图像标签
1. <img src="3.jpg" title="小猫" alt="图片加载失败" width="300" height="300"/>
超链接标签
1. 跳转外部链接：<a href="http://www.baidu.com" target="_blank">百度</a>
2. 跳转内部链接：< a href="index.html"> 首页 </a >
3. 描点： <a href="#content">内容</a> <div id="content">内容</div><br>
base标签
列表
1. 无序
  1. <ul>
    
        <li>三星</li>
    
        <li>华为</li>
    
        <li>苹果</li>
    
    </ul>
2. 有序
  1. <ol>
    
        <li>三星</li>
    
        <li>华为</li>
    
        <li>苹果</li>
    
    </ol>
3. 自定义列表
  1. <dl>
    
            <dt>手机</dt>
    
            <dd>三星</dd>
    
            <dd>华为</dd>
    
            <dd>苹果</dd>
    
    </dl>
表格
1. 表格基本属性
  
  cellpadding表格内容与表格之间的距离
  
  cellspacing表格与表格之间的内容
  
  <table border="1" cellpadding="0" cellspacing="0" align="center" >
  
          <caption><strong>学生信息表</strong></caption>
  
          <tr>
  
              <th>序号</th>
  
              <th>姓名</th>
  
              <th>电话</th>
  
          </tr>
  
          <tr>
  
              <td>1</td>
  
              <td>张三</td>
  
              <td>12233445</td>
  
          </tr>
  
          <tr>
  
              <td>2</td>
  
              <td>李四</td>
  
              <td>2534346</td>
  
          </tr>
  
  </table>
2. 合并单元格
  
  <table border="1" cellpadding="0" cellspacing="0" align="center" >
  
          <caption><strong>学生信息表</strong></caption>
  
          <tr>
  
              <th>序号</th>
  
              <th>姓名</th>
  
              <th>电话</th>
  
          </tr>
  
          <tr>
  
              <td rowspan="2" >1</td>
  
              <td colspan="2" >张三</td>
  
          </tr>
  
          <tr>
  
              <td>李四</td>
  
              <td>2534346</td>
  
          </tr>
  
      </table>
input标签
label标签
1. <label for="name" >姓名：</label> <input id="name" type="text" >
2. <label>姓名：<input type="text0" ></label>
textarea文本域
1. 自我介绍:<textarea rows="3" cols="5" ></textarea>
下拉列表框

<select>

<option selected >男</option>

<option>女</option
</select>

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML基础学习

HTML基础&lt;!DOCTYPE html&gt; 表示使用的html版本 &lt;meta charset=”UTF-8” /&gt; 字符集标题标签&lt;h1&gt;、&lt;h2&gt;、~&lt;h6&gt;标题 &lt;p&gt;&lt;/p&gt;段落标签 &lt;hr/&gt;水平标签 &lt;br/&gt;换行标签 &
复制链接

扫一扫

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。