今天是 搜索
我要找人设计
返回列表 发布

网页中常见的元素和结构

2023-12-14 09:23 发布 

加入专辑
网页/UI设计师论坛 / 举报
本作品由会员 斐肘 发布，如侵犯了您的版权请与设友网官方联系
61 0 0
[10推广币/天] 购买
HTML（Hypertext Markup Language）是用于创建网页结构的标记语言。以下是一些常见的HTML代码示例，展示了网页中常见的元素和结构：

HTML文档结构：

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>My Web Page</title>
  7. </head>
  8. <body>
  9.     <!-- 页面内容将在这里添加 -->
  10. </body>
  11. </html>
复制代码
标题与段落
  1. <h1>这是一个主标题</h1>
  2. <h2>这是一个副标题</h2>

  4. <p>这是一个段落。</p>
复制代码
链接与图片
  1. <a href="https://www.example.com">访问示例网站</a>

  3. <img src="image.jpg" alt="描述图片的文本">
复制代码
列表
  1. <ul>
  2.     <li>项目1</li>
  3.     <li>项目2</li>
  4. </ul>

  6. <ol>
  7.     <li>有序项目1</li>
  8.     <li>有序项目2</li>
  9. </ol>
复制代码
表格
  1. <table>
  2.     <thead>
  3.         <tr>
  4.             <th>表头1</th>
  5.             <th>表头2</th>
  6.         </tr>
  7.     </thead>
  8.     <tbody>
  9.         <tr>
  10.             <td>数据1</td>
  11.             <td>数据2</td>
  12.         </tr>
  13.     </tbody>
  14. </table>
复制代码
表单
  1. <form action="/submit" method="post">
  2.     <label for="username">用户名：</label>
  3.     <input type="text" id="username" name="username">
  4.    
  5.     <label for="password">密码：</label>
  6.     <input type="password" id="password" name="password">
  7.    
  8.     <input type="submit" value="提交">
  9. </form>
复制代码
嵌入式内容（如视频和音频）
  1. <video width="320" height="240" controls>
  2.     <source src="movie.mp4" type="video/mp4">
  3.     Your browser does not support the video tag.
  4. </video>

  6. <audio controls>
  7.     <source src="audio.mp3" type="audio/mp3">
  8.     Your browser does not support the audio tag.
  9. </audio>
复制代码
这些是基本的HTML代码示例，涵盖了创建网页所需的一些常见元素和结构。在实际开发中，这些元素可以组合使用，结合CSS和JavaScript来实现更复杂的网页功能和交互。
高级模式
B Color Smilies
返回列表 发布
设友网
[5推广币/天] 购买
设计师论坛
[2推广币/天] 购买
设计师联盟
[2推广币/天] 购买
网页中常见的元素和结构 
0 0
[2推广币/天] 购买
风格设置  需登陆后保存配色风格
快速回复 返回顶部 返回列表