html标签

html 复制代码
<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>我的网页</title>
</head>
<body>
    <header>
        <h1>欢迎来到我的网站</h1>
    </header>
    <main>
        <p>这是一个介绍段落,描述了网站的主要内容和目的。</p>
        <p style="color: red;">这是另一个段落,包含一些额外的信息。</p>
		<p style="color: blueviolet;">颜色测试blueviolet</p>
		<div><img src="https://tse2-mm.cn.bing.net/th/id/OIP-C.m2aptW7AWaWGUXifwziRNQDPEt?w=120&h=180&c=7&r=0&o=5&pid=1.7/300" width="258" height="139"/></div>
		<div><img src="https://via.placeholder.com/300" width="258" height="139" /></div>
        <a href="https://example.com" id="example-link">点击这里访问更多内容</a>
		<video controls width="400" height="300">
		    <source src="1e35f58a5dd3a771737255a658b7f593.mp4" type="video/mp4" >
		</video>
		
		<!--有序列表-->
		<ol>
		  <li>Coffee</li>
		  <li>Tea</li>
		  <li>Milk</li>
		</ol>
		
		<!--有序列表, 从 50 开始编号-->
		<ol start="50">
		  <li>Coffee</li>
		  <li>Tea</li>
		  <li>Milk</li>
		</ol>
		
		<h4>无序列表:</h4>
		<ul>
		  <li>Coffee</li>
		  <li>Tea</li>
		  <li>Milk</li>
		  
		  <p>
		  每个表格从一个 table 标签开始。 
		  每个表格行从 tr 标签开始。
		  每个表格的数据从 td 标签开始。
		  </p>
		  
		  <h4>一列:</h4>
		  <table border="1">
		  <tr>
		    <td>100</td>
		  </tr>
		  </table>
		  
		  <h4>一行三列:</h4>
		  <table border="1">
		  <tr>
		    <td>100</td>
		    <td>200</td>
		    <td>300</td>
		  </tr>
		  
		  
		  
		  </table>
		  <!--这是一个注释,注释在浏览器中不会显示-->
		  <h4>两行三列:</h4>
		  <table border="1">
		  <tr>
		    <td>100</td>
		    <td>200</td>
		    <td>300</td>
		  </tr>
		  <tr>
		    <td>400</td>
		    <td>500</td>
		    <td>600</td>
		  </tr>
		  </table>
		  <div>1</div>
		  <div>1</div>
		  <div>1</div>
		  <div>1</div>
		  <div>1</div>
    </main>
    <footer>
        &copy; 2024 我的网站
    </footer>
</body>
</html>
相关推荐
李昊哲小课2 天前
HTML 完整教程与实践
前端·html
小*-^-*九2 天前
php 使用html 生成pdf word wkhtmltopdf 系列2
pdf·html·php
hashiqimiya2 天前
html实现右上角有个图标,鼠标移动到该位置出现手型,点击会弹出登录窗口。
前端·html
BillKu3 天前
Vue3 中使用 DOMPurify 对渲染动态 HTML 进行安全净化处理
前端·安全·html
BUG创建者3 天前
html获取16个随机颜色并不重复
css·html·css3
DevilSeagull3 天前
JavaScript WebAPI 指南
java·开发语言·javascript·html·ecmascript·html5
面向星辰3 天前
html中css的四种定位方式
前端·css·html
IT利刃出鞘3 天前
HTML--最简的二级菜单页面
前端·html
yume_sibai3 天前
HTML HTML基础(4)
前端·html
面向星辰3 天前
html音视频和超链接标签,颜色标签
前端·html·音视频