HTML初探

1. 什么是Html;

Html 为超文本标记语言, 其标记以应用于文档内容的元素为其存在形式.

2. 什么是元素;

元素是一种用来向浏览器说明文档内容的工具, 元素不区分大小写, 默认使用小写. 元素的主要作用是说明文档内容的结构和含义, 呈现形式使用CSS控制.

3. 元素的形式

正常

<code>apples</code>

空元素的两种形式

<code></code>
<code/>

虚元素的两种形式

<hr>
<hr/>
4. 元素属性
  • 元素属性只添加在开始标签上, 使用=连接属性名和属性值, 元素可拥有多条属性, 以空格区分, 无顺序要求.
  • 属性值可以使用单引号或双引号界定, 如果属性值本身含有引号, 那么两种引号都要用到(例如” ’ 含引号的 ’ 属性值 “, 或’ ” 含引号的 ” 属性值 ‘)。
  • 布尔属性可使用其本身而不是用户为其设定的值对元素进行配置, 为布尔属性指定一个空字符串或属性名称字符串作为其值也有同样的效果, 所以使用布尔属性有三种方式:
Enter your name: <input disabled>
Enter your name: <input disabled = "">
Enter your name: <input disabled = "disabled">
  • HTML5规范将元素分为三大类: 元数据元素, 流元素, 短语元素.
    • 元数据用来构建html文档的基本结构, 以及就如何处理文档向浏览器提供信息和指示.
    • 流元素和短语元素的用途是确定一个元素合法的父元素和子元素范围. 流元素是短语元素的超集.
5. Html 文档结构

浏览器并不是唯一处理Html文档的工具

  1. 外层结构
<!DOCTYPE html>
<html>
</html>

doctype 属性告诉浏览器其处理的为HTML文档, html属性为布尔属性.

html 标签告诉浏览器: 直到html结束标签, 所有元素内容都应作为HTML处理.

  1. 元数据

    元数据包含在 head 元素内部, 用来向浏览器提供文档的一些信息

  2. 内容

    body元素告诉浏览器该向用户显示文档的部分.

  3. 注释

    Html文档中注释以标签 <!-- 开头, 以 -->结尾.

6. HTML5全局属性
  1. accesskey

    可让用户使用快捷键访问常用元素

  2. class

    将元素归类, 通常是为了能够找出文档中的某一类元素或为某一类元素应用CSS样式.

  3. contenteditable

    HTML5中新添加元素, 其用途是让用户能够修改页面上的内容.

  4. dir

    规定元素中文字方向

  5. hidden

    隐藏相关元素

  6. id

    给元素配置一个唯一的标识符

  7. lang

    说明元素内容使用的语言

  8. spellcheck

    是否对元素内容进行拼写检查, 只有用在用户可编辑的元素上时才有意义.

  9. style

    在元素身上定义CSS样式

  10. tabindex

    键盘焦点可以通过按Tab键在各元素之间切换.

  11. title

    元数据.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值