HTML tag type, input controls

1. Common browser kernel Introduction

Is a web browser running platform, commonly used browsers IE, Firefox (Firefox), Google (Chrome), safari and opera and so on. We usually called the five browser.

Two, web standard configuration

Web standards not a single standard, but a collection developed by W3C and other standards organizations a series of standards.
Including structure (Structure), performance (Presentation) and behavior (Behavior) three.

- Standard Structure: Structural page elements used to organize and categorize our main school is HTML . most important
- Performance Standards: setting performance for page elements layout, color, size and other exterior style, mainly referring to CSS
- :: standards of conduct defined as meaning to write pages and interactive model, we learn that the main Javascript
Ideally our source: .HTML .css .js

Intuitive feeling:

Three, HTML acquaintance

HTML (Hyper Text Markup Language English abbreviation of) Chinese translated as "HyperText Markup Language." Is a language used to describe web pages.

HTML refers to the HTML (Hyper Text Markup Language)
HTML is not a programming language, but a markup language (markup language)
Markup Language is a set of markup tags (markup tag)

1. HTML format backbone

Similarly: HTML language has its own grammar skeleton format:

<HTML>
    <head>
        <title></title>
    </head>
    <body>
    </body>
</HTML>

In order to facilitate memory, we ask just want to resign and stay home pig two brothers to help, I call the Pig mnemonics

2. HTML tags Categories

Double label

Ditag is composed of a "start tag" and "end tags" two portions (two portions are the same)

# 比如：<body>我是文字</body>
# 例如<html>、<head>、<title>、<body>、<table>、<tr>、<td>、<span>、<p>、<form>、<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<object>、<style>、<b>、<u>、<strong>、<i>、<div>、<a>、<script>、<center>（双标签的一部分）
# 以下都是双标签
<html>
    <head>
        <title></title>
        <script></script>
    </head>
    <body>
        <h1></h2>
        <p></p>
    </body>
<html>

单标签

<标签名    />

单标签也称空标签，是指用一个标签符号即可完整地描述某个功能的标签。

例如<br>、<hr>、<img>、<input>、<param>、<meta>、<link>。

标题标签（熟记）

<h1>这是一个标题。</h1>
例如：<hl>. <h2>、 <h3>、 <h4>、 <h5>和<h6>

段落标签（熟记）

<p>这是一个段落 </p>

是HTML文档中最常见的标签，默认情况下,文本在一个段落中会根据浏览器窗口的大小自动换行。

换行标签（熟记）

单词缩写: break 打断,换行

<br 换行标签>

div span标签（重点）

div span是没有语义的是我们网页布局主要的2个盒子 css+div
div 就是 division 的缩写分割，分区的意思其实有很多div来组合网页。
span,跨度，跨距，范围

语法格式：

<div>这是头部</div> <span> 今日价格</ span>

标签属性

属性就是特性比如手机的颜色手机的尺寸，总结就是手机的。
手机的颜色是黑色手机的尺寸是8寸
水平线的长度是200
图片的宽度是300键值对
使用HTML制作网页时，如果想让HTML标签提供更多的信息，可以使用HTML标签的属性加以设置。

本语法格式如下:

<标签名 属性1="属性值1”属性2="属性值2”...>内容</标签名>

图像标签img

该语法中srC属性用于指定图像文件的路径和文件名，他是img标签的必需属性。

<img src="图像URL" />

链接标签

单词缩写: anchor 的缩写[aenke(n]. 基本解释锚,铁锚的
在HTML中创建超链接非常简单，只需用标签环绕需要被链接的对象即可

基本语法格式如下: .
<a href="跳转目标” target="目标窗口的弹出方式">文本或图像</a>

input控件

在上面的语法中，<input />标签为单标签, type属性为其最基本的属性类型，其取值有多种,用于指定不
同的控件类型。除了type属性之外, <input />标签还可以定义很多其他的属性，其常用属性如下表所示。

body体标签

input 输入标签
- type 类型
  - text：单行文本输入框
  - password：密码输入框
  - radio：单选按钮
  - checkbox：多选框
  - button：普通按钮
  - submit：提交按钮
  - reset：重置按钮
  - image：图像形式的提交按钮
  - file：文件上传框
  - number：数字输入框
  - data：日期控件
  - time：时间控件
- textarea：文本输入域
- select：下拉框
- option：下拉选项
- a：超链接
- href：值为超链接地址
- name：由用户自定义，控件的名称
- value：由用户自定义
- input 控件中的默认文本值
- size：正整数
- input：控件在页面中显示宽度
- checked：定义选择控件默认被选中的项
- maxlength：正整数，控件允许输入的最多字符数

*******请大家尊重原创，如要转载，请注明出处：转载自：https://www.cnblogs.com/shouhu/，谢谢！！*******

HTML tag type, input controls

Guess you like