设为首页 收藏本站
开启辅助访问 快捷导航
菜单

编辑推荐

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12

html标签简介(常用)

[复制链接]
admin 发表于 2020-2-15 11:18:14 | 显示全部楼层 |阅读模式

html常识什么是HTML
  • htyper text markup language  即超文本标记语言
  • 超文本: 就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。
  • 标记语言: 标记(标签)构成的语言.
  • 网页==HTML文档,由浏览器解析,用来展示的
  • 静态网页:静态的资源,如xxx.html
  • 动态网页:html代码是由某种开发语言根据用户请求动态生成的
什么是标签
  • 是由一对尖括号包裹的单词构成 例如: <html> *所有标签中的单词不可能以数字开头.
  • 标签不区分大小写.<html> 和 <HTML>. 推荐使用小写.
  • 标签分为两部分: 开始标签<a> 和 结束标签</a>. 两个标签之间的部分 我们叫做标签体.
  • 有些标签功能比较简单.使用一个标签即可.这种标签叫做自闭和标签.例如: <br/> <hr/> <input /> <img />
  • 标签可以嵌套.但是不能交叉嵌套. <a><b></a></b>
标签属性
  • 通常是以键值对形式出现的. 例如 name="aaron"
  • 属性只能出现在 开始标签 或 自闭和标签中.
  • 属性名字全部小写. *属性值必须使用双引号或单引号包裹 例如 name="aaron"
  • 如果属性值和属性名完全一样.直接写属性名即可. 例如 readonly
标签分类

  标签一般分为两种:

  1. 块级标签

    霸占一整行的标签。比如:<h>,<p>,<div>,<form>等

  2. 行内标签

    可以多个标签共同占用一行的标签。比如:<span>,<a>,<input>,<img>,<label>等

  3. 块级标签特点

  • 总是在新行上开始
  • 宽度缺省是它的容器的100%,除非设定一个宽度
  • 它可以容纳内联元素和其他块元素

  4. 行内标签特点

  • 和其他元素都在一行上
  • 宽度就是它的文字或图片的宽度,不可改变
  • 内联元素只能容纳文本或者其他内联元素
特殊字符

      &lt; &gt;&quot;&copy;&reg;

html文件结构

标签使用范围说明

  由上图可以看出,html文件主要由<head>标签和<body>标签组成。在这两个标签的标签体中能够嵌套如下标签:

  • <head>标签:<!DOCTYPE html>  <meta>  <title>  <link>  <style>  <script>
  • 其余标签都在<body>标签中嵌

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则