WEB前端复习——HTML

固定格式:开头<!DOCTYPE html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>标题名字</title>
</head>
<body>
    
</body>
</html>

注解:<!> 通用格式:xx = " " eg.bgcolor="red" 

body属性 <body bgcolor="red" >

bgcolor 背景色

text 文本颜色

link 待链接文本颜色

alink 正在链接颜色

vlink 连接后颜色

background 文档背景


字体标记

<b>粗体</b>

<i>斜体</i>

<blink>闪烁字</blink>

<sub>下标</sub>

<sup>上标</sup>

水平线 <hr>

标题<h1 align="center"></h1>~h6

<p>段标签</p>

<br>换行

<center>居中</center>

<marquee>滚动标签</marquee>


无序列表unorder list

<body>
    <ul>
        <li> 第一个元素 </li>
        <li>第二个元素</li>
    </ul>
</body>

有序列表 order list

<body>
    <ol>
        <li> 第一个元素 </li>
        <li>第二个元素</li>
    </ol>
</body>

样式<ul type="">

定义式列表

<body>
    <dl>
        <dt>不空行顶格</dt>
        <dd>正文空2格</dd>
    </dl>
</body>

文本级标记

1.超文本 跳转网页 (<a href="url"></a> target="_blank" 空白页跳转)

<body>
    <a href="https://www.csdn.net/">点击跳转</a>
</body>

跳转另一个段落 (#表示当前文档 )

    <a href="#me">点击跳转</a>
    <p>哈哈哈哈我好帅</p>
    <p>第二段</p>
    <a name="me">firstpage</a>
    <p>最后一段</p>

2.网页中插入图像(还可加width="100px" height="xx")

<img src="url" alt="自动显示的文字">

ps.文字与图像对齐:align="top/middle/bottom/left/right"

跳转至图片

 <a href="URL">dianjitiaozhuan</a>

3.插入音频或视频

音频:au\wav\aiff\snd

视频:mpeg

同理使用a标签


表格(<th>总标题、td属性 colspan="跨列数量" rowspan="2"跨行数量 align、height、width、border、bordercolor)

    <table border="1">
        <tr>
            <td>单元格1</td>
            <td>2</td>
        </tr>
        <tr>
            <td>tr为行</td>
            <td>td为列</td>
        </tr>
    </table>

框架(不能放在Body中)

   <!-- 按行分割 -->
    <frameset rows="40%,60%">
        <frameset clos="15%,85%">
            <!-- 按列分割 -->
            <frame SRC="ht.html" scolling="no" noresize="noresize"></frame> 
        </frameset>
    </frameset>

特殊字符:

空格&nbsp

< &lt

>&gt 

& &amp


图标:<link rel="stylesheet" href="./1.jpg" type="image-icon">

指定2秒自动刷新跳转

 <meta http-equiv="refresh" content="2;URL=https://www.csdn.net/">

相关推荐

  1. WEB前端复习——HTML

    2024-05-12 07:26:08       36 阅读
  2. 前端基础复习--HTML

    2024-05-12 07:26:08       43 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-05-12 07:26:08       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-05-12 07:26:08       106 阅读
  3. 在Django里面运行非项目文件

    2024-05-12 07:26:08       87 阅读
  4. Python语言-面向对象

    2024-05-12 07:26:08       96 阅读

热门阅读

  1. UML 方法

    2024-05-12 07:26:08       37 阅读
  2. C语言-STM32:初始定时器(通用定时器)

    2024-05-12 07:26:08       31 阅读
  3. Lua 协程池

    2024-05-12 07:26:08       39 阅读
  4. EureKa详细讲解通俗易懂

    2024-05-12 07:26:08       31 阅读
  5. flask+layui显示监控视频

    2024-05-12 07:26:08       35 阅读
  6. 代码绘梦:Processing艺术编程入门

    2024-05-12 07:26:08       26 阅读
  7. 大数据调度 Apache Airflow 安装部署

    2024-05-12 07:26:08       36 阅读
  8. Mac 双网卡

    2024-05-12 07:26:08       39 阅读
  9. Spring AMQP的作用和用法

    2024-05-12 07:26:08       35 阅读
  10. 【数据结构】顺序栈

    2024-05-12 07:26:08       30 阅读
  11. C++基础——友元

    2024-05-12 07:26:08       32 阅读