html

菜鸟教程:https://www.runoob.com/html/html-tutorial.html

介绍

HyperText Markup Language,HTML,超文本标记语言。
创建网页,描述网页元素结构。

结构

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
    <h1>我的第一个标题</h1>
    <p>我的第一个段落。</p>
</body>
</html>
  • 版本声明
  • 中文编码utf-8或gbk

简单标签

1、标题

<h1>一级标题</h1>
...
<h6>六级标题</h6>
  • h1到h6,重要程度逐次降低

2、段落

<p>这是一个段落</p>

3、链接

<a href="http://baidu.com">点击</a>

4、图片

<img src=""/>

5、列表

<ul>
      <li>苹果</li>
      <li>梨子</li>
      <li>香蕉</li>
</ul>
<ol>
      <li>第一步</li>
      <li>第二步</li>
      <li>第三步</li>
</ol>

6、表格

<table>
      <tr><th>姓名</th><th>年龄</th></tr>
      <tr><td>张三</td><td>18</td></tr>
      <tr><td>李四</td><td>22</td></tr>
</table>

7、表单

<form action="" method="">
      <input type="text" name="name"/>
      <input type="submit"/>
</form>