RUNOOB html第一天

1.教程

后缀名

• .html
• .htm
  只有两种，有没有 l 没区别

2.简介

• html5文档
• 页面根元素
• 包含元数据（meta）
  就是定义网页格式为utf-8（就跟定义算术是二进制还是十进制一样）

• 标题

  文字

  另存为.html

  文件（F）——另存为（A）

  运行

  双击

  Notepad++ 和 Sublime Text 还可以配合 Emmet 插件来提高编码速度。

  Emmet 官网：http://emmet.io/

  4.html基础

  标题
  

  ...

  逐渐减小
  段落
  

  内容

  
  连接
  

  百度
  

  图像
  

  • 在相同目录下
    ？=？.jpg
  • 在不同目录下
    .html和image同一目录
    ？=image/?.jpg/
    .html在connage文件夹，image跟connage同一目录
    ？=../image/?.jpg
  • 在不同盘(f)
    ？=file:///f:/?.jpg
  • 来源于网络
    写绝对路径

  5.元素

  段落
  文本
  
  换行
  

  元素语法
  某些元素有空内容
  空元素开始结束就结束了,例如 br
  但是更建议写成

  大多数标签都可以设置属性

  记得写结束标签
  记得使用小写

  6.属性

  一般用在开始标签里
  给元素设置一些附加属性

  百度
  

  一般用双引号，个别情况下有双引号就必须用单引号
  使用小写
  一般情况
  class 类名，一个或者多个
  id 定义元素
  style 行内样式
  title 作为工具条使用

  7.标题

  最大
  

  最小
  浏览器会自动在段落前后空行
  标题便于分清主次，同时也方便网页编制索引实现快速浏览

  • 分割线

  分割线
  

  • 注释

  • 查看源代码
    右键——查看源文件（IE）/查看页面源代码（firefox）

  8.段落

  • 分行br
  • 多个空格算一个，多个分行算一行

  9.文本格式化

  加粗    代替表着重
  斜体    代替表着重
  电脑自动输出
  （这里这里）
  下标
  上标
  小号字
  插入字加下划线
  删除字中间划线
  

  计算机输出标签（这里）

  计算机代码
  键盘码
  计算机代码样本
  变量有斜体效果
  预格式文本
   
   
  引文、引用、标签定义
   
   
  缩写
  地址
  文字方向
      
  该段落文字从右到左显示。
   
  长的引用
  短的引用语
  引用、引证
  一个定义项目有倾斜效果