《HTML入门笔记1》

182 阅读2分钟

HTML的由来

HTML是由一名叫Tim Berners-Lee的科学家发明的。 发明的html的目的,是为了方便不同的科学家可以容易的获取彼此的研究文档。

html称为超文本标记语言,是一种标示性的语言。

HTML的起手式

<!DOCTYPE html> 表示文档类型

<html lang="en">lang表示language的缩写,en表示英文,可以把lang改成 zh-CN

<head></head> 表示里面写的是隐藏的标签

<meta charset="UTF-8">表示文件的字符编码

  • utf-8为世界统一编码
    • 好处:可以兼容全世界的操作系统,不会出现乱码情况
    • 缺点:体积稍大些
    • 注意:保存网页格式的时候保存为UFT-8,一般情况默认ANSI编码

<meta name="viewport">表示页面的视窗

<content="width=device-width, initial-scale=1.0">表示禁止页面缩放

<content="ie=edge">表示当前页面在IE浏览器显示,IE浏览器会默认成最新的内核

常用的表章节的标签

表示文章/书的层级

  • 标题<h1~h6>
  • 章节<section>
  • 文章<article>
  • 段落<p>
  • 头部<header>
  • 脚步<footer>
  • 主要内容 <main>
  • 旁支内容 <aside>
  • 划分 <div>

全局标签

所有标签都有的属性

  • <class> 给元素设置标记
  • <contenteditable> 是任何元素被编辑
  • <hidden > 隐藏元素
  • <id>
    • html给元素设置标记
    • css中可用于#id样式
    • js可以直接调用id设置的元素
  • <style>
    • 在元素中添加,可改变样式
    • 优先级比css高
  • <tabindex>控制tab键的响应顺序
  • <title>鼠标悬浮时显示完整内容

常用的内容标签

  • <ul+li> 无序列表
  • <ol+li> 有序列表
  • <a> 链接的地址在 href 属性
  • <hr> 分隔
  • <br> 换行
  • <strong> 加粗
  • <em> 强调文本
  • <code> 对文档文本进行格式化
  • <pre> 字符宽度的预格式化文本