HTML标签

“虚若怀谷”

已于 2022-06-25 22:02:46 修改

阅读量107

点赞数

文章标签：大数据 html java

于 2022-06-25 21:56:32 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_48184364/article/details/125462190

版权

#博学谷IT学习技术支持#

1.基础标签

转义字符：

2.图片、音频、视频标签

img：定义图片
           src：规定显示图像的 URL（统一资源定位符）
           height：定义图像的高度
           width：定义图像的宽度
audio：定义音频。支持的音频格式：MP3、WAV、OGG
           src：规定音频的 URL
            controls：显示播放控件
video：定义视频。支持的音频格式：MP4, WebM、OGG
           src：规定视频的 URL
           controls：显示播放控件

3.超链接标签

href：指定访问资源的URL
target：指定打开资源的方式
_self：默认值，在当前页面打开
_blank：在空白页面打开

4.列表标签

有序列表（order list）

<ol>  
  <li>咖啡</li> 
  <li>茶</li>
   <li>牛奶</li>
</ol>

无序列表（unorder list）

<ul>  
 <li>咖啡</li> 
  <li>茶</li> 
 <li>牛奶</li>
</ul>

5.表格标签

table：定义表格
               border：规定表格边框的宽度
               width ：规定表格的宽度
               cellspacing：规定单元格之间的空白
tr：定义行
             align：定义表格行的内容对齐方式
td：定义单元格
            rowspan:规定单元格可横跨的行数
            colspan:规定单元格可横跨的列数

<table width="50%" border="1" cellspacing="0">  
  <tr height="50">    
    <th>序号</th>   
    <th>品牌logo</th>   
     <th>品牌名称</th>     
  <th>企业名称</th>  
  </tr>  
  <tr align="center" >   
     <td>010</td>   
     <td><img src="三只松鼠.png" width="60" height="50"></td>  
     <td>三只松鼠</td>    
    <td>三只松鼠</td>  
  </tr>  
  <tr align="center">    
    <td>009</td>     
   <td><img src="优衣库.png"  width="60" height="50"></td>   
    <td>优衣库</td>    
    <td>优衣库</td> 
  </tr>  
  <tr align="center">    
    <td>008</td>   
     <td><img src="小米.png" width="60" height="50"></td>    
    <td>小米</td>    
    <td>小米科技有限公司</td>  
 </tr>
</table>

6.布局标签

7.表单标签

表单：在网页中主要负责数据采集功能，使用<form>标签定义表单
表单项(元素)：不同类型的 input 元素、下拉列表、文本域等

form：定义表单
                action：规定当提交表单时向何处发送表单数据，URL
                method ：规定用于发送表单数据的方式
                    get：浏览器会将数据直接附在表单的 action URL 之后。大小有限制
                    post：浏览器会将数据放到http请求消息体中。大小无限制