html学习一

简介


    
        

标题

段落

什么是HTML?

HTML 是用来描述网页的一种语言:

  • HTML 指的是超文本标记语言 (Hyper Text Markup Language)
  • HTML 不是语言,而是标记语言
  • HTML 使用标记标签来描述网页

HTML标签

HTML 的标记标签也称标签(HTML tag)

  • HTML 的标签是用尖括号包围的关键词,
  • HTML 的标签是成对出现的,
  • HTML 的标签前一个是开放标签,后一个是关闭标签
  • HTML 标签中无其他内容时,可用 "/" 来作结束,

HTML文档 = 网页

  • HTML 文档描述网页
  • HTML 文档包含 HTML 标签和纯文本
  • HTML 也被称为网页
  • web 浏览器读取 HTML 文档并以网页显示他们,而不会显示标签

HTML 编辑器

HTML 文件格式以 .html 为后缀。

  • sublime text
  • vscode
  • Atom

HTML元素

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

  • HTML 元素以开始标签开始,以结束元素结束
  • HTML 元素可以嵌套,
  • HTML 元素没有结束标签一般可以使用,但不要忘记结束标签
  • HTML 标签大小写不敏感,但一般都使用小写

HTML属性

HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。

  • 属性总是以名称/值对的形式出现,比如:name="value"。
  • 属性总是在 HTML 元素的开始标签中规定。

HTML / HTML5 的全局属性
html学习一_第1张图片

HTML 元素

HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。
大多数 HTML 元素可以嵌套(可以包含其他 HTML 元素)。
HTML 文档由嵌套的 HTML 元素构成。

HTML 元素

定义网页的文档,是所有元素的容器

定义网页的头部信息,它是所有头部元素的容器。 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示。
下面这些标签可用在 head 部分:, , ,

</h4> <p><code><title></code> 网页的标题</p> <pre><code class="html"><title>网页标题

定义网页的正文,浏览器中显示的内容都在这里。


    

HTML 标题

标题(Heading)是通过

-
等标签进行定义的。

定义最大的标题。
定义最小的标题。

  • 浏览器会自动地在标题的前后添加空行。
  • 请确保将 HTML heading 标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。
  • 搜索引擎使用标题为您的网页的结构和内容编制索引。
  • 因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。
  • 应该将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。

标题1

标题2

...
标题6

HTML 换行符


是 HTML 的换行符:


HTML 水平线


标签在 HTML 页面中创建水平线,可用于分隔内容。


HTML 段落

段落是通过

标签定义的。浏览器会自动地在段落的前后添加空行。(

是块级元素)

This is a paragraph

This is another paragraph

HTML 引用

HTML

元素定义被引用的节。浏览器通常会对
元素进行缩进处理。

网页文档引用

计算机代码

使用

在网页中显示计算机代码。


ver person = {
    firstname: "li",
    lastname: "hai",
    age: 24
}    

HTML 注释

定义网页的注释信息,该标签中的内容不会被浏览解析


这是一个段落。

HTML 链接

超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。我们通过使用 标签在 HTML 中创建链接。
有两种使用
标签的方式:

  • 通过使用 href 属性 - 创建指向另一个文档的链接
  • 通过使用 name 属性 - 创建文档内的书签
内部跳转

内部跳转到这里

外部跳转

HTML 图像

在 HTML 中,图像由 标签定义。 是空标签,意思是说,它只包含属性,并且没有闭合标签。
要在页面上显示图像,你需要使用源属性(src)。src 指 "source"。源属性的值是图像的 URL 地址。

HTML 表格

表格由

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

row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2

HTML 列表

HTML 的列表有有序列表

    和无序列表

      
      
      • Coffee
      • Milk
      1. Coffee
      2. Milk

      HTML 块元素

      大多数 HTML 元素被定义为块级元素或内联元素。
      “块级元素”译为 block level element,“内联元素”译为 inline element。
      块级元素在浏览器显示时,通常会以新行来开始(和结束)。
      例子:

      ,

      ,

        ,

        内联元素在显示时通常不会以新行开始。
        例子:,

        , ,

        元素

        HTML

        元素是块级元素,它是可用于组合其他 HTML 元素的容器。
        元素没有特定的含义。除此之外,由于它属于块级元素,浏览器会在其前后显示折行。
        如果与 CSS 一同使用,
        元素可用于对大的内容块设置样式属性。
        元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。

        元素

        HTML 元素是内联元素,可用作文本的容器。
        元素也没有特定的含义。
        当与 CSS 一同使用时, 元素可用于为部分文本设置样式属性。

        HTML 的类和id

        HTML 的类和id都能区分文档中的元素。当有些不同

        • 每个元素可以有多个类,但只能有一个id
        • 不同元素的类可以相同, 但一个id只能对应一个元素
        • css和JavaScript可以使用类和id选择相应的元素,并作相关操作。
        div
        div
        div

        HTML 表单

        用于搜集不同类型的用户输入

        表单元素

        元素

        最重要的表单元素是 元素。
        元素根据不同的 type 属性,可以变化为多种形态。

        元素定义下拉列表:

        HTML 输入类型

        输入类型 text

        定义供文本输入的单行输入字段:

        First name:

        Last name:

        输入类型 password

        定义密码字段:

        User name:

        User password:

        输入类型:submit

        定义提交表单数据至表单处理程序的按钮。
        表单处理程序(form-handler)通常是包含处理输入数据的脚本的服务器页面。
        在表单的 action 属性中规定表单处理程序(form-handler):

        First name:

        Last name:


        输入类型:radio

        定义单选按钮。

        Male
        Female

        输入类型: checkbox

        定义复选框。
        复选框允许用户在有限数量的选项中选择零个或多个选项。

        I have a bike
        I have a car

        输入类型: button

        你可能感兴趣的:(html学习一)