【HTML】

文章目录

  • 1.DOCTYPE和lang和字符集
  • 2. 表格
  • 3.列表
  • 4.单选按钮/复选按钮
  • 5. 下拉框
  • 6.input标签的 name value id

1.DOCTYPE和lang和字符集

  • 文档类型声明,告诉浏览器使用哪种版本的HTML显示网页。
DOCTYPE html>
  • 定义当前文档显示的语言,en为英文,zh-CN为中文。
<html lang="en">
  • 规定HTML使用哪种编码方式
<meta charset="UTF-8">

2. 表格

    <table>
        <tr>
            <th>th>
            <th>th>
        tr>
        <tr>
            <td>td>
            <td>td>
        tr>
    table>

合并单元格
【HTML】_第1张图片
跨行 colspan
跨列 rowspan

3.列表

无序列表

    <ul>
        <li>苹果li>
        <li>li>
        <li>香蕉li>
    ul>

【HTML】_第2张图片
有序列表

    <ol>
       <li>苹果li>
       <li>li>
       <li>香蕉li>
    ol>

【HTML】_第3张图片

4.单选按钮/复选按钮

单选按钮

	<form>
        <input type="radio" name="fruit"/>苹果
        <input type="radio" name="fruit"/>香蕉
        <input type="radio" name="fruit"/>form>

在这里插入图片描述
复选按钮

 	<form>
        <input type="checkbox" name="traffic">自行车
        <input type="checkbox" name="traffic">汽车
    form>

在这里插入图片描述
单选按钮/复选按钮有相同的name

5. 下拉框

    <select>
        <option>苹果option>
        <option>香蕉option>
        <option>option>
    select>

在这里插入图片描述

6.input标签的 name value id

name是控件的名称
value是控件的值
id是控件的身份标志。

你可能感兴趣的:(HTML,html)