• html 第一阶段 学习使用总结


      基本使用内容:

                                  

    <html>
    <head>
    <title>Title of the document</title>
    <link rel="stylesheet" type="text/css" href="外部样式.css">
    <style type="text/css">
    body {background-color: red}
    p {margin-left: 20px} <!--内部样式-->
    </style>
    
    </head>
    
    <body>
    
    <h1>标题</h1>
    <h2>This is a heading</h2>
    
    <p>段落</p>
    <p>This is another paragraph.</p>
    
    <a href="">链接</a>
    
    <img src="图片.jpg" width="" height="" />
    
    <table>
    表格
    <tr>
    <th>Heading</th>
    <th>Another Heading</th>
    </tr>
    <tr>
    <td>row 1, cell 1</td>
    <td>row 1, cell 2</td>
    </tr>
    <tr>
    <td>row 2, cell 1</td>
    <td>&nbsp;</td>空表单占位符
    </tr>
    </table>
    
    <hr /> <!--标签在 HTML 页面中创建水平线-->
    <span> 文本容器</span>
    <p>xx<br /> <!--不产生一个新段落的情况下进行换行-->xx</p>
    
    <pre>
    这是
    预格式文本。
    它保留了      空格
    和换行。
    </pre>
    
    </body>
    
    <form name="input" action="html_form_action.asp" method="get">
    Username: 
    <input type="text" name="user" />
    <input type="submit" value="Submit" />
    </form>
    
    <script type="text/javascript">JS、JQ脚本 
    </script> 
    </html>

     其他知识了解:

    <!DOCTYPE>
     不是 HTML 标签。它为浏览器提供一项信息(声明),即 HTML 是用什么版本编写的
    
    <!DOCTYPE html> //html5
    
    <meta> 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。
    典型的情况是,meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。
    <meta> 标签始终位于 head 元素中
    
    以下是其中一些最流行的 URL scheme:
    Scheme    访问                 用于...
    http    超文本传输协议         以 http:// 开头的普通网页。不加密。
    https    安全超文本传输协议     安全网页。加密所有信息交换。
    ftp        文件传输协议         用于将文件下载或上传至网站。
    file                          您计算机上的文件。
     
  • 相关阅读:
    codeforces #595 div3 题解
    codeforces #593 div2 ABCD 题解
    codeforces #594 div2 ABCD1F
    codeforces gym102040 前四题签到题解
    struts2.5 使用i18n国际化时中文乱码的一种解决方案
    2019 南昌 ICPC网络赛 H The Nth Item (矩阵快速幂/二次剩余+记忆化)
    Cubes UVA10601 POLYA定理
    TODO-LIST
    线性基模板整理
    2019牛客多校训练第三场B.Crazy Binary String(思维+前缀和)
  • 原文地址:https://www.cnblogs.com/blitheG/p/5311910.html
Copyright © 2020-2023  润新知