视频链接：https://www.bilibili.com/video/av5862916?from=search&seid=12139895566389560177

我的第一个html

<!DOCTYPE html><!-- 告诉浏览器这是什么类型的文件（可以省略）-->

<html lang="en">

<head>

    <meta charset="iso8859-1"><!-- 设置显示到浏览器的格式-->

    <title>tittle name</title>

</head>

<body>

    HelloWorld!

    张

</body>

</html>

解决浏览器显示乱码问题：将iso8859-1改为utf-8

运行：将上述代码保存为htm或者html格式用浏览器打开就可以看到效果了。

常用元素介绍：

<!DOCTYPE html><!-- 告诉浏览器这是什么类型的文件（可以省略）-->

<html lang="en">

<head>

    <meta charset="utf-8"><!-- 设置显示到浏览器的格式-->

    <title>tittle name</title>

</head>

<body>

    <b>加粗</b><br>

    <strong>加粗起强调作用</strong><br>

    <i>斜体</i><br>

    <em>斜体</em><br>

    <br><!--换行-->

    <u>下划线</u><br>

    <s>删除</s><br>

    <a href=https://search.bilibili.com/all?keyword=html target="_blank"> 超链接</a><br><!-- 原窗口跳转至链接-->

    <a href=https://search.bilibili.com/all?keyword=html target="_self"> 超链接</a><br><!-- 新建窗口跳转至链接-->

    张

</body>

</html>

　　

 列表标签（list）：

列表分为有序和无序：ordered list和unordered list

最基础的用法：

　　　 <!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>MyFirstPage</title>

</head>

<body>

        <ol>

            <li>a</li>

            <li>b</li>

            <li>c</li>

        </ol>

    <br>

        <ol reversed>

            <li>a</li>

            <li>b</li>

            <li>c</li>

        </ol>

        <ol type="a">

            <li>sdfs</li>

            <li>sdfs</li>

            <li>sdfs</li>

        </ol>

    <ul>

        <li>a</li>

        <li>b</li>

        <li>c</li>

    </ul>

</body>

</html>

　

表中有表：

<!DOCTYPE html><!-- 告诉浏览器这是什么类型的文件（可以省略）-->

<html lang="en">

<head>

    <meta charset="utf-8"><!-- 设置显示到浏览器的格式-->

    <title>tittle name</title>

</head>

<body>

<ol type="1" reversed><!-- 逆序有序列表 -->

<li>第一项</li>

<ol type="a">

<li>1.1</li>

<li>1.2</li>

<li>1.3</li>

</ol>

<li>第二项</li>

<ol type="a"><!-- 列表中还可以加表 -->

<li>2.1</li>

<li>2.2</li>

<li>2.3</li>

</ol>

<li>第三项</li>

<ol type="a">

<li>3.1</li>

<li>3.2</li>

<li>3.3</li>

</ol>

<ol>

<br>

<ul ><!-- 顺序无序列表 -->

<li>第一项</li>

<li>第二项</li>

<li>第三项</li>

<li>第四项</li>

<li>第五项</li>

<ul>

</body>

</html>

　　

 表格标签：

　　　 <!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>MyFirstPage</title>

</head>

<body>

<table border="1px" align="center">

        <thead>

            <tr>

                <th>名字</th><!-- table head 表头-->

                <th>性别</th>

                <th>密码</th>

            </tr>

        </thead>

        <tbody>

            <tr>

                <td>张三</td>

                <td>男</td>

                <td>123</td>

            </tr>

            <tr>

                <td>李四</td>

                <td>女</td>

                <td>456</td>

            </tr>

            <tr>

                <td>王五</td>

                <td>男</td>

                <td>789</td>

            </tr>

        </tbody>

        <tfoot>

            <tr><!-- 表示当前行 -->

                <th>名字</th>

                <th>性别</th>

                <th>密码</th>

            </tr>

        </tfoot><!-- table foot 表脚-->

    </table>

</body>

</html>

　

合并两个单元格可以看视频

 表单标签

<form action="" method ="post"><!--action里面写转的jsp或者相应servlet别名-->

<br/>

 账号:<input type="text" placeholder="输入账号" name="uname"><!--不占位-->

<br>

   密码:<input type="password" placeholder="输入密码" name="pwd">

<br>

单选：

选择题<br>

<input type="radio" name="choseA" checked>A

<input type="radio" name="choseA">B

<input type="radio" name="choseA">C

<br>

下拉选择：

<select>

    <option>苹果</option>

    <option>香脚</option>

    <option>西瓜</option>

</select>

<br>

</form>

　

插入视频

<!DOCTYPE HTML>

<html>

<body>

<video width=50% height=50% controls autoplay muted>

    <source src=" http://vfx.mtime.cn/Video/2019/02/04/mp4/190204084208765161.mp4"  alt="Second slide" style="width: 100%">

 </video>

</body>

</html>

　

视频链接·： http://vfx.mtime.cn/Video/2019/02/04/mp4/190204084208765161.mp

 插入音频

<audio src="FlowerFire.mp3" controls></audio>

html常用整理的更多相关文章

  1. List常用整理

            长期更新,主要记录List的各种常用操作整理. 对List进行排序 // Collections.sort(重写toString()进行排序区分) List<ObjectName ...

  2. hive sql常用整理-hive引擎设置

    遇到个情况,跑hive级联insert数据报错,可以尝试换个hive计算引擎 hive遇到FAILED: Execution Error, return code 2 from org.apache. ...

  3. 【转】数据分析sql常用整理

    [SQL 数据分析常用语句] • 1 基础查询 • 2 字符串数字日期时间 • 3 聚合数据查询 • 4 子查询 • 5 联接组合查询 • 6 高级查询 • 7 更新数据 阅读提醒:点击图片放大可看清 ...

  4. 数据分析sql常用整理

    [SQL 数据分析常用语句] 2017-07-20 00:00 数据分析 来源:datakong 转自:大数据 • 1 基础查询 • 2 字符串数字日期时间 • 3 聚合数据查询 • 4 子查询 • ...

  5. Eclipse 常用整理

    1.编译 eclipse默认是修改程序后自动编译的,如果不能自动编译,你可以查看project->build automatically选项是否被选中. 手动编译整个工程,可以使用Project ...

  6. MAC OS X 终端命令入门 （简单常用整理）

    在这里记下..防止丢失 pwd 当前工作目录 cd(不加参数) 进root cd(folder) 进入文件夹 cd .. 上级目录 cd ~ 返回root cd - 返回上一个访问的目录 rm 文件名 ...

  7. 01-artDialog4.1.7常用整理

    关闭弹出框的几种常见方法: 1,artDialog可以通过鼠标双击关闭对话框,esc关闭对话框等.为了在关闭对话框要执行某一方法,不能仅仅在弹框中的关闭按钮中写.这时提供了一个函数:close.无论在 ...

  8. <c:forEach 的常用整理

    <c:forEach items="${images}" var="img" varStatus="status"> <d ...

  9. STL常用整理

    S T L Sting: << 判断拼音序 size length 字符串长度 str[n] 代表字符串中的一个字符 可用作左值 string::size_type 用于表示字符串长度计量 ...

随机推荐

  1. HGAME 2020 misc

    week1 每日推荐 拿到Wireshark capture file后,按常规思路,用foremost命令拿到一个加密的压缩包,之后文件->导出对象->http,看到最大的一个文件里面最 ...

  2. vscode管理员身份运行

    管理员身份运行,如vscode 如何设置呢? vscode图标右键 以管理员身份运行程序打钩就行了 运行“在终端打开”的时候,要以管理员身份运行 刚下载完vscode并运行并不是管理员身份会报错  解 ...

  3. SPOJ Distinct Substrings

    给定一个字符串,求不相同子串个数.每个子串一定是某个后缀的前缀,那么原问题等价于求所有后缀之间的不相同子串个数.总数为n*(n-1)/2,再减掉height[i]的和就是答案 #include< ...

  4. Kubernetes(k8s)完整安装教程

    Kubernetes(k8s)完整安装教程  2019-08-27 2.3k 记录 发表评论 目录 1 安装 1.1 安装 Docker 1.2 安装 VirtualBox 1.3 安装 kubect ...

  5. android实现扫一扫等功能

    链接:https://blog.csdn.net/weixin_40399313/article/details/78814325

  6. 关于 appium get_attribute 方法的坑

    (得要学着看源码) 问题: self.driver.find_element_by_id("id").get_attribute("content-desc") ...

  7. eclipse链接mySQL数据库常见错误

    1错误: 解决: 2,用户名输入错误 解决:查看自己的正确用户名https://zhidao.baidu.com/question/248308313.html 3. 解决: 链接示例:https:/ ...

  8. LVS+Keepalived -----> 效率最高的负载均衡器

    一. 简介  1. 负载均衡的类型  负载均衡可以采用硬件设备(例如常常听见的 F5),也可以采用软件负载 商用硬件负载设备成本通常较高(一台几十万甚至上百万),所以一般 情况下会采用软件负载 软件负 ...

  9. Druid数据源SQL数据库与Spring监控

    Druid监控概要说明 为什么要监控? Druid是什么?德鲁伊 URL监控配置说明 配置步骤 步骤 配置 第一步 web.xml 配置 WebStatFilter 第二步 WebStatFilter ...

  10. 前端必学---JavaScript数据结构与算法---简介

    前端必学---JavaScript数据结构与算法---简介 1. 数据结构: 数据结构是相互之间存在一种或者多种特定关系的数据元素的集合.---<大话数据结构> 1.1 数据结构的分类 1 ...