zoukankan      html  css  js  c++  java
  • html初探

    html

    <html>
    
    <head>
    <title>我的第一个 HTML 页面</title>
    </head>
    
    ``<body>``
    <p>body 元素的内容会显示在浏览器中。</p>
    <p>title 元素的内容会显示在浏览器的标题栏中。</p>
    </body>
    
    </html>
    
    

    输出如下:

    body 元素的内容会显示在浏览器中。
    
    title 元当事人非素的内容会显示在浏览器的标题栏中。
    

    HTML 标签

    • hr 标签定义水平线:
    <html>
    ``<body>``
    
    <p>这是段落。</p>
    <p>这是段落。</p>
    <p>这是段落。</p>
    
    <p>段落元素由 p 标签定义。</p> 
    
    </body>
    </html>
    
    

    输出

    这是段落。
    
    这是段落。
    
    这是段落。
    
    段落元素由 p 标签定义
    

    标题

    <h1>This is heading 1</h1>
    

    注释

    <!--这是一段注释。注释不会在浏览器中显示。-->

    预格式文本

    <pre>

    <pre>
    这是
    预格式文本。
    它保留了      空格
    和换行。
    </pre>
    

    输出为:

    这是
    预格式文本。
    它保留了      空格
    和换行。
    

    地址

    <address>

    缩写

    <abbr title="etcetera">etc.</abbr>

    <html>
    
    ``<body>``
    
    <abbr title="etcetera">etc.</abbr>
    <br />
    <acronym title="World Wide Web">WWW</acronym>
    
    <p>在某些浏览器中,当您把鼠标移至缩略词语上时,title 可用于展示表达的完整版本。</p>
    
    <p>仅对于 IE 5 中的 acronym 元素有效。</p>
    
    <p>对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。</p>
    
    </body>
    </html>
    
    

    输出:

    etc. 
    WWW
    在某些浏览器中,当您把鼠标移至缩略词语上时,title 可用于展示表达的完整版本。
    
    仅对于 IE 5 中的 acronym 元素有效。
    
    对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。
    

    HTML 标签

    • HTML 标签是由尖括号包围的关键词,比如
    • HTML 标签通常是成对出现的,比如
    • 标签对中的第一个标签是开始标签,第二个标签是结束标签

    HTML 文档 = 网页

    • HTML 文档描述网页
    • HTML 文档包含 HTML 标签和纯文本
    • HTML 文档也被称为网页

    <form> 标签

    • 标签用于为用户输入创建 HTML 表单。表单用于向服务器传输数据。
    • 属性:action 值:URL,规定当提交表单时向何处发送表单数据。
    • name: 值:form_name 规定表单的名称。
    <!DOCTYPE html>
    <html>
    ``<body>``
    
    <form action="/demo/demo_form.asp">
    First name:<br>
    <input type="text" name="firstname" value="Mickey">
    <br>
    Last name:<br>
    <input type="text" name="lastname" value="Mouse">
    <br><br>
    <input type="submit" value="Submit">
    </form> 
    
    <p>如果您点击提交,表单数据会被发送到名为 demo_form.asp 的页面。</p>
    
    </body>
    </html>
    
    

    结果如下:

    First name:
    
    Mickey
     
    Last name:
    
    Mouse
     
    
    如果您点击提交,表单数据会被发送到名为 demo_form.asp 的页面。
    

    ==

    • Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容:

    html基础

    HTML 标题

    • HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的

    HTML 段落

    • HTML 段落是通过<p>标签进行定义的。

    HTML 链接

    • HTML 链接是通过 <a> 标签进行定义的。

    注释:在 href 属性中指定链接的地址。

    HTML 图像

    • HTML 图像是通过 <img> 标签进行定义的。

    html元素

    • HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码

    嵌套的 HTML 元素

    ===

    大多数 HTML 元素可以嵌套(可以包含其他 HTML 元素)。HTML 文档由嵌套的 HTML 元素构成。

    • <html> 元素:<html> 元素定义了整个 HTML 文档。
    • <body> 元素:<body> 元素定义了 HTML 文档的主体。
    • <p> 元素:这个<p>元素定义了 HTML 文档中的一个段落。
    • HTML <meta> 元素:元数据(metadata)是关于数据的信息。<meta> 标签始终位于 head 元素中。

    例:

    <html>
    
    <body>
    <p>This is my first paragraph.</p>
    </body>
    
    </html>
    

    上面的例子包含三个 HTML 元素。

    HTML 属性

    • HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
    • 属性总是以名称/值对的形式出现,比如:name="value"。
    • 属性总是在 HTML 元素的开始标签中规定。
    • 始终为属性值加引号

    HTML 统一资源定位器url

    URL - Uniform Resource Locator

    1. scheme - 定义因特网服务的类型。最常见的类型是 http
    2. host - 定义域主机(http 的默认主机是 www)
    3. domain - 定义因特网域名,比如 w3school.com.cn
    4. :port - 定义主机上的端口号(http 的默认端口号是 80)
    5. path - 定义服务器上的路径(如果省略,则文档必须位于网站的根目录中)。
    6. filename - 定义文档/资源的名称

    html输入类型

    输入类型:submit

    • 定义提交表单数据至表单处理程序的按钮。

    输入类型:text

    • <input type="text"> 定义供文本输入的单行输入字段:
    <form>
     First name:<br>
    <input type="text" name="firstname">
    <br>
     Last name:<br>
    <input type="text" name="lastname">
    </form> 
    

    结果如下:

    First name:
    
     
    Last name:
    
     
    
    

    Input Type: button

    • <input type="button> 定义按钮。
  • 相关阅读:
    SVN使用教程总结
    windows禅道环境搭建
    反编译.NET工程
    DAO层,Service层,Controller层、View层 的分工合作
    MyBatis在insert插入操作时返回主键ID的配置
    MySQL中You can't specify target table for update in FROM clause异常
    MySQL对时间戳的转换处理
    苹果台式一体机笔记本安装win双系统攻略教程
    Eclipse安装SVN教程
    java遇到 Check $M2_HOME 问题 解决-Dmaven.multiModuleProjectDirectory system property is not set. Check $M2_HOME environment variable and mvn script match.
  • 原文地址:https://www.cnblogs.com/monkey-moon/p/9092271.html
Copyright © 2011-2022 走看看