HTML基本知识和基本标签的作用和属性

HTML
超文本编辑语言(Hyper Text Markup Language)
基本语法
Html标签
HTML 标签是由尖括号包围的关键词,比如
HTML 标签通常是成对出现的,比如
标签对中的第一个标签是开始标签,第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签

HTML整体架构

文档的开始和结束 标签对之间的内容是不会在浏览器的框内显示出来的,两个标志必须一块使用。 在此标志对之间可以使用 、、、等标签。 :用来引入css文件

HTML常用标签
HTML 标题(Heading)是通过

等标签进行定义的
HTML 段落是通过

标签进行定义的。
HTML 会自动地在块级元素前后添加一个额外的空行,比如段落、标题元素前后。

标签在 HTML 页面中创建水平线。 hr 元素可用于分隔内容。 可以将注释插入 HTML 代码中

元素是一个空的 HTML 元素。由于关闭标签没有任何意义,因此它没有结束标签。 HTML 链接是通过 标签进行定义的。 HTML 图像是通过 标签进行定义的。 HTML 文档是由 HTML 元素定义的 HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。 大多数 HTML 元素可以嵌套(可以包含其他 HTML 元素)。

元素定义了 HTML 文档中的一个段落。 这个元素拥有一个开始标签

,以及一个结束标签

。 元素定义了 HTML 文档的主体。 这个元素拥有一个开始标签 ,以及一个结束标签 。 元素定义了整个 HTML 文档。 这个元素拥有一个开始标签 ,以及一个结束标签 。 没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。 div>是一个块级元素,通常与css配合使用,用于布局。 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上,换行是 固有的唯一格式表现。可以通过 的 class 或 id 应用额外的样式。 标签的分类 HTML中标签元素三种不同类型:块状元素,行内元素,行内块状元素。 块级元素特点: 元素都从新的一行开始,并且其后的元素也另起一行;元素的高度、宽度、行高以及顶和底边距都可设置;元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。 行内元素特点 :和其他元素都在一行上;元素的高度、宽度及顶部和底部边距不可设置;元素的宽度就是它包含的文字或图片的宽度,不可改变。 行内块状元素的特点:和其他元素都在一行上;元素的高度、宽度、行高以及顶和底边距都可设置。 可通过浏览器查看是何种元素,后期也可以通过CSS进行修改。 HTML表格 表格由 标签来定义。每个表格均有若干行(由 标签定义),每行被分割为若干单元格(由

标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 表格的表头使用 标签进行定义。 rowspan跨行 colspan跨列 HTML列表

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

  • 标签。每个列表项始于

  • 有序列表
    有序列表也是一列项目,列表项目使用数字进行标记。
    有序列表始于
    1. 标签。每个列表项始于
    2. 标签。
      HTML表单
      HTML 表单用于收集用户输入。
      表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。
      表单用于向服务器传输数据。form 元素是块级元素,其前后会产生折行。
      action URL 规定当提交表单时向何处发送表单数据
      method get、post 规定用于发送 form-data 的 HTTP 方法
      name Form_name 规定表单的名称
      target _blank
      _self
      _parent
      _top
      framename 规定在何处打开 action URL

元素是最重要的表单元素。
元素有很多形态,根据不同的 type 属性。
alt text 定义图像输入的替代文本。
checked checked 规定此 input 元素首次加载时应当被选中。
disabled disabled 当 input 元素加载时禁用此元素。
readonly readonly 性规定输入字段为只读。
maxlength number 规定输入字段中的字符的最大长度。
value value 规定 input 元素的值。
type
button
checkbox
file
hidden
image
password
radio
reset
submit
text 规定 input 元素的类型。
按钮
复选框
文件
隐藏域
图像形按钮
密码
单选框
重置按钮
提交按钮
文本

定义用于文本输入的单行输入字段
定义密码字段
定义单选按钮。
定义复选框。
用于应该包含数字值的输入字段。
用于应该包含日期的输入字段。
定义用于向表单处理程序(form-handler)提交表单的按钮
action 属性定义在提交表单时执行的动作。
method 属性规定在提交表单时所用的 HTTP 方法(GET 或 POST)
如果要正确地被提交,每个输入字段必须设置一个 name 属性。

元素组合表单中的相关数据 元素为 元素定义标题。 select常用属性 属性 值 描述 disabled disabled 禁用该下拉框。 multiple multiple 规定可选择多个选项。 name name 规定下拉列表的名称。 size number 规定下拉列表中可见选项的数目。 option常用属性 属性 值 描述 disabled disabled 禁用该下拉框。 selected selected 规定选项(在首次显示在列表中时)表现为选中状态。 value text 定义送往服务器的选项值。 元素 该标签定义多行的文本输入控件。文本区中可容纳无限数量的文本,可以通过 cols 和 rows 属性来规定 textarea 的尺寸。cols规定文本区内的可见宽度。rows规定文本区内的可见行数。 元素定义可点击的按钮 常用属性 属性 值 描述 disabled disabled 禁用该按钮。 type button、submit、reset 规定按钮的类型。 value text 规定按钮的初始值。 name button_name 规定按钮的名称。 标签为input 元素定义标注(标记)。

Html属性
HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
属性总是以名称/值对的形式出现,比如:name=“value”。
属性总是在 HTML 元素的开始标签中规定。
HTML 链接由 标签定义。链接的地址在 href 属性中

定义 HTML 文档的主体。 拥有关于背景颜色的附加信息。 定义 HTML 表格。

拥有关于表格边框的附加信息 class classname 规定元素的类名(classname) id id 规定元素的唯一 id style style_definition 规定元素的行内样式(inline style) title text 规定元素的额外信息(可在工具提示中显示) style 属性用于改变 HTML 元素的样式 background-color 属性为元素定义了背景颜色,style属性淘汰了“旧的” bgcolor属性。

font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸,style 属性淘汰了旧的 标签。

text-align 属性规定了元素中文本的水平对齐方式, style 属性淘汰了旧的 “align” 属性。

    原文作者:゛ Fox。
    原文地址: https://blog.csdn.net/LittleBoyss/article/details/93378315
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞