HTML概述


HTML概述

网页组成

  • HTML+CSS+JavaScript

  • 骨头 + 肉 +动作

互联网运行过程

  • 客户端http请求(request)→服务器

  • 服务器http响应(response)→客户端:渲染得到网页效果

浏览器功能

  1. 发送http请求
  2. 接受http响应
  3. 解析HTML并显示

HTML概念——超文本标记语言

纯文本格式

  • 只有语义,不带有任何格式、样式。文件大小较小
  • 如:.txt文件

富文本格式

  • 与纯文本相反,内部可以保存文本的样式、图片
  • 如:.rtf文件,.doc文件

HTML语义化

  1. 方便阅读与维护
  2. 便于爬虫与解析
  3. 利于SEO搜索引擎优化,提高排名

HTML基础语法

HTML标签

标签是什么

  • HTML标记通常被称作HTML标签(HTML tag)

HTML标签语义

  1. 写在< >中间,如:<html>
  2. 分成单和双
    • 单 :<p></p>
    • 双:
  3. 双标签要有开始与结束,必须有关闭符号/,单标签在h5可以不写/

HTML元素

  • HTML元素是从开始标签到结束标签的所有内容,包括开始标签、元素内容、结束标签

元素内容

  • 元素内容是指双标签内部部分
  • 单标签没有元素内容

标签级别

  • 容器级:存放任意内容,如:h1,div
  • 文本级:只能存放文字或者类似文字,比如图片、表单。如:p

HTML元素的特性

  • 对空格、换行、缩进等空白不敏感,所以直接写无效,需要用到字符实体

HTML属性

书写规范

  1. 书写位置:开始标签或者单标签
  2. 属性名(key)、属性值(value)。键值对写法,如:k="v"
  3. 多个属性用空格隔开
  4. 可设置多个属性值v,空格隔开,如:k="v u"

HTML基本结构

基本骨架

  • 四个标签:<html>、<head>、 <title>、 <body>
  • 对应内容:表示整个、头部 、 标题 、 身体

DTD——文档定义类型

  • 作用:告知使用的哪个版本的HTML规范
  • h5版本:<!DOCTYPE html>

命名空间

  • <html>元素表示整个网页文档, 在开始标签上设置了命名空间xmlns属性

  • h5版本:<html lang="en"></html> ,lang指语言

字符集

  • <meta>定义字符编码
  • h5版本:<meta charset="UTF-8">
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 先发表一下HTML学习感言: 看完HTML视频,关于HTML标签,总体还是还是比较简单,主要记住几个常用的标签,i...
    雨夜月风阅读 371评论 0 0
  • HTML5学习感想 想过转行 html5 有半年多时间了,很幸运从朋友那边了解到 小码哥 并报了名,因家里行程原因...
    yysss阅读 1,198评论 0 2
  • Html学习总结 1.什么是html:HyperTextMarket language,超文本标记语言,是用来描述...
    kmoon_b426阅读 601评论 0 0
  • 1.html是网页内容的载体。 2.css样式是表现。 3.JavaScript是用来实现网页上的特效效果。 是标...
    皮皮鱼吖阅读 523评论 0 0
  • 16宿命:用概率思维提高你的胜算 以前的我是风险厌恶者,不喜欢去冒险,但是人生放弃了冒险,也就放弃了无数的可能。 ...
    yichen大刀阅读 6,122评论 0 4