HTML基础整理---(常见)

141 阅读3分钟

1.HTML代码的含义

  1. <!DOCTYPE html>声明为HTML5文档;
    
  2. <html>元素是HTML页面的根元素;
    
  3. <head>元素包含了文档的元(meta)数据。例如,<meta charset="utf-8">定义网页编码格式为utf-8;
    
  4. <title>元素描述了文档的标题;
    
  5. <body>元素包含了可见的页面内容;
    
  6. <h1>元素定义了一个最大标题;
    
  7. <p>元素定义了一个段落;
    

2.HTML标签

  1. HTML标签是由尖括号包围的关键词,如<html>

  2. HTML标签通常是成对出现的,如<p></p>

  3. 标签对中的第一个标签是开始标签,第二个标签是结束标签;

    标签描述
    <!--...-->定义注释
    <!DOCTYPE>定义文档类型
    <a>定义超文本链接
    <articele>定义一个文章区域
    <audio>定义音频内容
    <b>定义文本粗体
    <body>定义文档的主体
    <br>定义换行
    <button>定义一个单击按钮
    <canvas>定义图形,如图表和其他图像。标签只是图形容器,必须使用脚本来绘制图形
    <caption>定义表格标题
    <div>定义文档中的分区或节,主要用作大的框架布局,无任何语义
    <em>定义强调文本
    <footer>定义section或document的页脚
    <form>定义了HTML文档的表单
    <frame>定义框架集的窗口或框架
    <frameset>定义框架集
    <h1>to<h6>定义HTML标题
    <head>定义关于文档的信息
    <header>定义文档的头部区域
    <hr>定义水平线
    <html>定义HTML文档
    <i>定义斜体字
    <iframe>定义内联框架
    <img>定义图像
    <input>定义输入控件
    <label>定义input元素的标注
    <link>定义文档与外部资源的关系
    <meta>定义关于HTML文档的元信息
    <option>定义选择列表中的选项
    <p>定义段落
    <script>定义客户端脚本
    <section>定义文档中的内容区块(section、区块),如章节、页眉、页脚或文档中的其他部分
    <select>定义选择列表(下拉列表)
    <span>组合文档中的行内元素
    <strong>定义强调文本
    <style>定义文档的样式信息
    <textarea>定义多行的文本输入控件
    <title>定义文档的标题
    <video>定义视频,如电影片段或其他视频流

3.HTML属性

  1. HTML元素可以设置属性;

  2. 属性可以在元素中添加附加信息;

  3. 属性一般描述于开始标签;

  4. 属性总是以名称/值对的形式出现,如“name="value"”;

    属性描述
    clas为html元素定义一个或多个类名(classname)(类名从样式文件引入)
    id定义元素的唯一id
    style规定元素的行内样式(inline style)
    title描述元素的额外信息(作为工具条使用)常用的表格标签
    • 常用的表格标签
标签描述标签描述
<table>定义表格<colgroup>定义表格列的组
<th>定义表格的表头<col>定义用于表格列的属性
<tr>定义表格的行<thead>定义表格的页眉
<td>定义表格单元<tbody>定义表格的主体
<caption>定义表格标题<tfoot>定义表格的页脚
  • 常用的列表标签

    标签描述标签描述
    <ol>定义有序列表<dl>自定义列表
    <ul>定义无序列表<dt>自定义列表项
    <li>定义<ol><ul>下的列表项<dd>自定义列表项的描述

4.Form标签属性

  • <form>标签的属性

    属性说明
    name表单的名称
    method设置表单的提交方式,GET或者POST方法
    action指向处理该页面的URL(相对位置或者绝对位置)
    enctype设置表单内容的编码方式
    target设置返回信息的显示方式,属性值包括_blank、_parent、_self、top

5.HTML表单元素

1.输入域标记<input> 1.png 2.png

2.选择域标记<select><option> 3.png

3.文字域标记<textarea> 语法格式如下:

<textarea name="name" rows=value cols=value value="value" warp="value">
  ...文本内容
</textarea>

菜鸟一枚,不喜轻喷。感谢各位大佬,批评指正!!!!!只为留存学习笔记,方便后续查阅学习~~~~

如有侵权请联系作者删除处理~~~~~~