当前位置：首页 > 行业动态 > 正文

html做一个网页

使用文本编辑器创建HTML文件，输入基础结构代码（含` 、 标签），添加 和，保存为 .html后缀文件后

<!DOCTYPE html>



网页示例


HTML基础结构

HTML网页由<!DOCTYPE html>声明、<html>标签、<head>头部和<body>主体组成。

作用 示例
<!DOCTYPE html> 定义文档类型（HTML5） <!DOCTYPE html>
<html> 根元素，包含整个网页内容 <html lang="zh">
<head> 头部信息（标题、样式、脚本） <head><title>页面标题</title></head>
<body> 网页主体内容 <body><h1>欢迎</h1></body>

常用HTML标签

文本标签

功能 示例
<h1>~<h6> 标题（<h1>最大，<h6>最小） <h1>一级标题</h1>
<p> 段落 <p>这是一个段落。</p>
<strong> 加粗文本 <strong>重要内容</strong>
<em> 斜体文本 <em>强调内容</em>

链接与图片

功能 示例
<a> 超链接 <a href="https://example.com">点击访问</a>
<img> 图片 <img src="image.jpg" alt="描述" width="200">

表格与列表

无序列表

<ul>  
    <li>项目一</li>  
    <li>项目二</li>  
</ul>

有序列表

<ol>  
    <li>第一步</li>  
    <li>第二步</li>  
</ol>

表格示例

姓名 年龄
张三 25

样式与布局

内联样式

<p style="color: blue; font-size: 20px;">蓝色文字</p>

嵌入CSS

<style>  
    .container {width: 80%; margin: auto;}  
</style>  
<div class="container">居中内容</div>

多媒体与表单

音频/视频

<audio src="music.mp3" controls></audio>  
<video src="video.mp4" width="400" controls></video>

表单元素

功能 示例
<form> 表单容器 <form action="/submit" method="post">
<input> 输入框 <input type="text" name="username">
<button> 提交按钮 <button type="submit">提交</button>

相关问题与解答

问题1：HTML5相比旧版本有哪些新特性？

  • 解答：HTML5新增了<header>、<footer>、<article>等语义化标签；支持本地存储（localStorage）、音频/视频直接嵌入（无需插件）；简化了文档类型声明（<!DOCTYPE html>）。

问题2：如何在网页中引入外部CSS文件？

  • 解答：在<head>部分使用<link>标签， 
    <link rel="stylesheet" href="styles.css">

    确保href属性

网页
0

相关文章