首页 > Web开发 > 详细

HTML标签类型、input控件

时间:2020-01-14 09:13:06      阅读:106      评论:0      收藏:0      [点我收藏+]

1. 常见浏览器内核介绍

  • 浏览器是网页运行的平台,常用的浏览器有IE、火狐(Firefox) 、谷歌(Chrome)、safari和opera等。 我们平时称为五大浏览器。

          技术分享图片

二、web 标准构成

  • Web标准不是某一个标准,而是由W3C和其他标准化组织制定的一系列标准的集合。
  • 主要包括 结构(Structure)、表现(Presentation)和行为(Behavior) 三个方面。
    • 结构标准:结构用于对网页元素进行整理和分类,咱们主要学的是HTML。最重要
    • 表现标准:表现用于设置网页元素的版式、颜色、大小等外观样式,主要指的是CSS
    • 行为标准::为是指网页模型的定义及交互的编写,咱们主要学的是 Javascript
  • 理想状态我们的源码: .HTML .css .js

直观感受:

    技术分享图片

三、HTML 初识

HTML (英文Hyper Text Markup Language的缩写)中文译为“超文本标签语言"。是用来描述网页的一种语言。

  • HTML指的是超文本标记语言(Hyper Text Markup Language)
  • HTML不是一种编程语言, 而是一种标记语言(markup language)
  • 标记语言是一套标记标签(markup tag)

1. HTML 骨架格式

  • 同理: HTML有自己的语言语法骨架格式:
<HTML>
    <head>
        <title></title>
    </head>
    <body>
    </body>
</HTML>

为了便于记忆,我们请出刚才要辞职回家养猪的二师兄来帮忙,我称之为猪八戒记忆法

        技术分享图片

2. HTML标签分类

双标签

双标签则是由“开始标签”和“结束标签”两部分构成(这两部分是相同的)

# 比如:<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标签类型、input控件

原文:https://www.cnblogs.com/shouhu/p/12189968.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!