Register
> 博客>

html代码入门基础

新速特源码 3月10日 25 0

HTML是用于创建和设计网页结构的标记语言。

HTML文档结构：
一个基本的HTML文档包含

html
<!DOCTYPE html>
<html>
<head>
    <title>页面标题</title>
</head>
<body>
    <!-- 页面内容在这里 -->
</body>
</html>

<!DOCTYPE html>：声明文档类型为HTML5。<html>：HTML文档的根元素。<head>：包含文档的元信息，如标题、字符集等。<title>：设置网页标题，显示在浏览器标签页上。<body>：包含网页的实际内容。

常用标签：

<h1> 到 <h6>：定义标题，<h1>是最大的标题，<h6>是最小的。<p>：定义段落。<a>：创建超链接。<img>：插入图像。<ul>：无序列表。<ol>：有序列表。<li>：列表项。<div>：定义文档中的一个区块。<span>：定义文档中的一小部分。

超链接和图像：

超链接：

html
<a href="http://www.example.com">访问示例网站</a>

图像：

html
<img src="image.jpg" alt="图片描述">

列表：

无序列表：

html
<ul>
    <li>项目1</li>
    <li>项目2</li>
    <li>项目3</li>
</ul>

有序列表：

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

表格：

html
<table>
    <tr>
        <th>表头1</th>
        <th>表头2</th>
    </tr>
    <tr>
        <td>行1列1</td>
        <td>行1列2</td>
    </tr>
    <tr>
        <td>行2列1</td>
        <td>行2列2</td>
    </tr>
</table>

表单：

html
<form action="/submit" method="post">
    <label for="username">用户名：</label>
    <input type="text" id="username" name="username">
    <br>
    <label for="password">密码：</label>
    <input type="password" id="password" name="password">
    <br>
    <input type="submit" value="提交">
</form>

HTML文档结构：
一个基本的HTML文档包含<!DOCTYPE html>声明、<html>元素、<head>元素和<body>元素。

html
<!DOCTYPE html>
<html>
<head>
    <title>页面标题</title>
</head>
<body>
    <!-- 页面内容在这里 -->
</body>
</html>

标题和段落：
使用<h1>到<h6>标签定义标题，数字越小表示标题级别越高。使用<p>标签定义段落。

html
<h1>这是一个标题</h1>
<p>这是一个段落。</p>

链接和图像：
使用<a>标签创建链接，使用<img>标签插入图像。

html
<a href="https://www.example.com">访问示例网站</a>
<img src="image.jpg" alt="图片描述">

列表：
使用<ul>和<ol>标签创建无序和有序列表，使用<li>标签定义列表项。

html
<ul>
    <li>无序列表项 1</li>
    <li>无序列表项 2</li>
</ul>

<ol>
    <li>有序列表项 1</li>
    <li>有序列表项 2</li>
</ol>

表格：
使用<table>标签创建表格，使用<tr>定义行，<td>定义单元格。

html
<table>
    <tr>
        <td>行1，列1</td>
        <td>行1，列2</td>
    </tr>
    <tr>
        <td>行2，列1</td>
        <td>行2，列2</td>
    </tr>
</table>

表单：
使用<form>标签创建表单，使用<input>、<textarea>等标签接收用户输入。

html
<form action="/submit_form" method="post">
    <label for="username">用户名：</label>
    <input type="text" id="username" name="username">
    <br>
    <label for="password">密码：</label>
    <input type="password" id="password" name="password">
    <br>
    <input type="submit" value="提交">
</form>
腾讯云最新优惠活动，点击查看

Related

热门文章

微海报