zoukankan      html  css  js  c++  java
  • HTML5标签1

    HTML5标签

    html标签

    <html>....文本全部内容.....</html>

    head标签

    <head>.....</head>表示网页头部

    meta标签

    <meta charset="">所使用的字符编码语言

    title标签

    <title>.......</title>浏览器窗口显示

    body标签

    <body>.........</body>包含所有文档主体内容

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

    标题标签

    <h1>....</h1>   <h4>....</h4>

    <h2>....</h2>   <h5>....</h5>

    <h3>....</h3>   <h6>....</h6>

    h1字体最大h6最小,从h1到h6依次减小

    标题文本标签的对齐方式

    <align ="对齐方式">

    标题文字对齐方式:

    left:左对齐,center:居中对齐,right:右对齐

    段落标签

    <p>段落正文内容</p>

    换行标签

    一行文本<br>另起一行

    <br/>与<p>:<br/>的间距较好。<p>的间距大

    水平标签

    <hr 属性="属性值"/>

    <hr width="" height="" color="" noshade=""(去掉阴影)/>

    强调标签

    <b>.....</b>和<strong>.....</strong>加粗文本

    图片标签:插入图片

    <img src="路径" alt="提示信息" align="对齐方式" border="边框大小" width="宽度" height="高度">

    图片的对齐方式:

    top:顶端对齐,middle:居中对齐,bottom:底端对齐

    超链接标签

    <a 属性="属性值">......</a>

    超链接标签属性:

    href:链接的目标URL,target="_black"(新窗口打开)target="_self"(当前页面打开)

    音频标签:

    <audio src="路径" autoplay="true/false"(是否马上播放) controls="true/false"(播放按钮) muted="muted"(默认静音) loop="loop"(是否循环播放)>您的浏览器不支持(当不能出现音频时,将出现这句话)</audio>

    <audio><source src="路径">(同音频不同域)</audio>

    视频标签

    <video src="路径" poster="(封面图片路径)" controls="true/false"(显示播放按钮) perload="none(不加载)metadata(只加载媒体元数据)auto(加载全部)(是否有加载)" loop="loop(循环)" width="" height="">您的浏览器不支持</video>

  • 相关阅读:
    【Linux】linux系统管理---好用的一些开源工具
    【转载】超级系统工具Sysdig,比 strace、tcpdump、lsof 加起来还强大
    Redis 主从复制
    Redis 持久化之RDB和AOF
    Redis 快速入门
    EasyUI 树菜单
    Nginx 搭建图片服务器
    vsftpd 安装
    Nginx 安装部署
    Mybatis3 快速入门
  • 原文地址:https://www.cnblogs.com/H-Yan/p/12950356.html
Copyright © 2011-2022 走看看