HTML常用且易遗忘标签个人总结｜ 青训营笔记

drimary
99 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的的第1天

HTML

  • 一个页面的结构标签
    <html>
    <head>
    <body>

以上三个标签是一个页面必备的，在<html>里面，<head>主要存放页面的标题和所用字体，<body>是整个页面的主体部分，我们主要在<body>中添加我们想要的标签和内容。

  • 常用的html标签（这里主要列举个人比较容易遗忘的标签）
<dl>
    <dt>导演：</dt>
    <dd>xxx</dd>
    <dt>演员：</dt>
    <dd>xxx</dd>
    <dd>xxx</dd>

在<dl>定义列表标签中，<dt>标签中主要放的是定义列表中的标题，<dd>标签中主要放的是具体的内容。

<andio src="***" controls></audio>
<video src="***" controls></video>

<audio>是音频标签，<video>是视频标签，均为多媒体标签。<video>元素提供了播放、暂停和音量控制来控制视频；同时还提供了宽高属性来控制视频在页面展示的尺寸。<video>元素中通过source标签来链接视频文件，<video>中可放置多个source标签来链接不同的视频文件。而浏览器将使用第一个可识别的格式。<audio>元素用法与video基本相同。

<input type ="radio" name="sport">
<input type ="radio" name="sport">
<input type ="checkbox">
<select>
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>

<input>标签的type属性为radio是单选框，添加name属性，在相同name值得选项中选择，type属性为checkbox是复选框。 <select>是下拉框，在标签内添加<option>标签为选项。

    <input list="countries" />
    <datalist id="countries">
        <option>Greece</option>
        <option>United Kingdom</option>
        <option>United States</option>

输入提示

<blockquote> 块级引用

<cite>引用小部分

image.png 一个页面的常用基本架构如上图所示，在<header>中主要存放了logo，导航栏等栏目，主要内容在标签<main>中，侧边栏的内容放在<aside>，底部的内容存放在<footer>标签中。这是HTML5新特性中新增的标签，其中

  • article：定义页面独立的内容区域。
  • footer：定义 section 或 document 的页脚。
  • header： 定义了文档的头部区域
  • nav：定义导航链接的部分，作用和div类似，主要用于页面布局 此外，HTMl5新特性还有用于绘画的 canvas 元素，本地存储等等，后面有时间再对其进行知识总结。
avatar
文章
阅读
粉丝