zoukankan      html  css  js  c++  java
  • html基础

    <html>
    <body>
    
    
    <h1>My first Heading </h1>
    <p>My first paragraph.</p>
    
    </body>
    </html>
    • <html> 与 </html> 之间的文本描述网页
    • <body> 与 </body> 之间的文本是可见的页面内容
    • <h1> 与 </h1> 之间的文本被显示为标题
    • <p> 与 </p> 之间的文本被显示为段落

    第二个例子:

    <html>
    <body>
    
    
    <h1>My first Heading </h1>
    <h2>My second Heading </h2>
    <!--注解标题-->
    
    
    <p>My first paragraph.</p>
    <p>My second paragraph.</p>
    
    <a href="http://www.baidu.com">This is a link</a>
    <!--超链接-->
    
    <img src = "u273314.jpg" width = "100" height = "142"/>
    <!--插入图片-->
    
    </body>
    </html>

    对第二个例子的补充:

    <a href="http://www.example.com/">This is a Link</a>  
    <a href="http://www.example.com/"><img src="u273324.jpg" alt="描述图像的语言,如果图像不显示,一般显示这里"></a>  
    <a href="mailto:webmaster@example.com">Send e-mail</a>A named anchor: <!-- 发送邮件的链接 -->
    <a name="tips">Useful Tips Section</a>
    <a href="#tips">Jump to the Useful Tips Section</a>  <!-- 页面内部里面的超链接 -->

    格式:

    <p>This is a paragraph</p>  
    <br> (line break 换行)
    <hr> (horizontal rule 显示一条实线 换行)
    <pre>
        pre之间的文字都是按照html上面怎么写就怎么显示的,
        123
            123
                123
    </pre>
           pre外的文字都是按照html上面怎么写,html是不是管格式的,
        123
            123
                123

    表格:

    表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

    <table>
    <tr>
    <td>123412,123431,123 </td>
    <td>123,123,123</td>
    </tr>
    <tr>
    <td>123412,123431,123 </td>
    <td>123,123,123</td>
    </tr>
    </table>

    列表:

    1)无序列表:

    无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。

    无序列表始于 <ul> 标签。每个列表项始于 <li>。

    <ul>
    <li>Coffee</li>
    <li>Milk</li>
    </ul>

    浏览器显示如下:

    • Coffee
    • Milk

    2)有序列表:

    同样,有序列表也是一列项目,列表项目使用数字进行标记。

    有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

    <ol>
    <li>Coffee</li>
    <li>Milk</li>
    </ol>

    浏览器显示如下:

    1. Coffee
    2. Milk

    3)自定义列表:

    自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

    <dl>
    <dt>Coffee</dt>
    <dd>Black hot drink</dd>
    <dt>Milk</dt>
    <dd>White cold drink</dd>
    </dl>

    内联元素与块元素:

    内联元素 如<b>, <td>, <a>, <img> 同常是跟在上一个元素的后边

    而块元素 如:<h1>, <p>, <ul>, <table> 一般是另起一行显示元素

     

    HTML表单输入:  (http://www.w3school.com.cn/html/html_forms.asp)

    文字输入:

    <form>
    First name: 
    <input type="text" name="firstname" />
    <br />
    Last name: 
    <input type="text" name="lastname" />
    </form>

    单选按钮:

    <form>
    <input type="radio" name="sex" value="male" /> Male
    <br />
    <input type="radio" name="sex" value="female" /> Female
    </form>

       等等

    html的框架:

    比如分成垂直的三部分:

    <frameset cols = "25%,25%,50%">
        <frame src = "http://www.baidu.com/">
        <frame src = "https://www.google.com.hk/">
        <frame src = "http://www.163.com/">
    </frameset>
  • 相关阅读:
    CCF CSP-J/S2020第二轮认证评级名单
    CSP-J/S2020第二轮提高组北京市获奖分析
    CCF CSP-J/S2020第二轮评级规则
    [ZZ]80% 的信息学竞赛生都不知道的 USACO!含金量极高
    初步估分体验
    【ZZ】近3年北京市科技特长生招生趋势分析,编程好的孩子有哪些优势?
    立冬--2020CSP-J 游记
    P1061 Jam的计数法
    P1476 休息中的小呆
    P1444 [USACO1.3]虫洞wormhole
  • 原文地址:https://www.cnblogs.com/huhuuu/p/3698904.html
Copyright © 2011-2022 走看看