HTML入门介绍

HTML入门介绍

WEB技术简介

• Web简介

  World Wide Web的简称

  • HTML（基本内容）
  • CSS（界面美化）
  • JavaScript（动作交互，简称js）

什么是HTML

• Hyper Text Markup Luanguage（超文本标记语言）
• HTML不是编程语言，是一种标记语言
• 标记语言是一套标记标签（markup tag）
• HTML使用标记标签来描述网页
• HTML文档包含了HTML标签和文本内容
• HTML文档也叫web页面

W3C

• W3C 指万维网联盟
• 创建于1994年10月
• W3C 由 Tim Berners-Lee 创建
• W3C 是一个会员组织
• W3C 对web进行标准化
• W3C 创建并维护www标准
• W3C 标准被称为w3c推荐

浏览器

• 浏览器是网页的载体，web需要在浏览器中才能使用

• 常用浏览器

  [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2bs5jMYS-1590580588699)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20200527102011622.png)]

浏览器请求网站的过程

• 在浏览器输入信息，客户端发送请求，通过通信卫星抱请求发送到服务器，服务器解析内容到数据库查询信息，再把信息通过通信卫星把信息返回给客户端，客户端解析信息，向用户展示查询到的信息。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-FRYGDulz-1590580588701)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20200527101854073.png)]

第一个HTML网页

• 文档说明

• 网页主体

• 文档内容

  • 文档的头部，一般写配置
  • 文档的主体内容

HTML的常用标签

• 什么是标签

  在HTML中使用<>来包裹具有特殊含义的单词

• 作用

  使文本内容以特殊的格式显示

• 特殊分类

  • 双标签==开始标签结束标签==
  • 单标签
    

如何学习HTML

• 菜鸟教程：www.runoob.com
• W3C: www.w3school.com

常用标签

• 标题标签 使文本以标题的格式显示 输入标签tab自动补全

  • 代码

    	<h1>一级标题h1>	
    	<h2>二级标题h2>
    	<h3>三级标题h3>
    	<h4>四级标题h4>
    	<h5>五级标题h5>
    	<h6>六级标题h6>
    

  • 效果
    

    • 注释 快捷键 ctrl+/

  • 不选中内容，只注释光标所在行内容

  • 选中内容，注释选中内容

• 页面中的分割线

  ---

  • color 改变颜色
  • size 改变粗细

• 快速复制一行 ctrl+D

• 颜色标识

  • 英文字母
  • 十六进制 #000000 #+6个数字[十六进制]
  • rgb rgb（1，255，0） rgb（3个数字）数字[0~255]

• 全文内容居中显示

  需要居中显示的内容

• 段落标签

  • (shift+end)选中光标位置到最后

• 换行标签
  

  • 对文本内容进换行

• 文本字体标签 size 字体大小

  • color 字体颜色
  • face 字体样式

• 文本格式化标签(一般字体格式化都使用双标签)

  • 加粗
  • 倾斜
  • 倾斜并加粗
  • 上标
  • 下标
  • 加粗
  • 删除线

• 图片标签

  • * px：在显示器中，以px为显示单位 一般只设置一个属性，另一个属性根据原图片比例进行缩放。 * 也可以以百分比进行设置，以来与图片所在的容器。 * 地址可以来自网络 * 可以来自本地 * 绝对地址 * 相对地址 不写，同级目录 ../上级目录

• 超链接（进行页面跳转）

  • * 网络地址需要加上http或https协议

• 列表

  • 有序列表
  • 无序列表
  • 自定义列表
    • dl 自定义列表
    • dt 自定义列表头
    • dd 自定义列表项

• 空格