第一天学习HTML

HTML初识

编译器

SublimeText编译器

ctrl + n 能够新建一个文件

ctrl + s 保存

ctrl + shift + s 另存为

HTML页面

• HTML类的所用东西都叫标签
  • <标签名>
  • <标签名></标签名>
• 标签理解
  • \<doctype html\> -》文档头
  • \<html\> ---->第二标签就是HTML标签
  • \<head\> ------》头部标签
  • \<title\> -----》文件的显示的名字（浏览器窗口标题）
  • \<body\> -------》网页里面显示的内容在这里写

div标签

学了这个标签学了70%（div）

• 大部分的网站都是div构成的
• 特性就是一行一行的，想到下行就在来一个div

img标签

网页上除了文字最多的是啥？

网页就是有文字 + 图片 + 媒体（音频 + 视频）

img标签

• 在网页能够让图片显示出来
• img不须要闭合
• 须要填写src属性（img标签和图片有关联的一个属性）
• src 是一个地址属性

a标签

• 跳转标签
• 样式：\<a\>\</a\>
• Href="想要跳转的页面"
• 跳转本页面还在使用 target="_blank"
• 图片点击跳转在a标签里面添加img标签便可

ul标签

无序列表

• 在使用ul以前要使用li来表示每一行
• li能够有无限个，全部其他内容能够放入li里面
• 正规写法ul下面的第一层只能放li。

ol标签

有序列表

• ol和ul的用法基本一致
• ol下面使用数字标注
• ol下面的第一层最好放li

p标签

段落标签

• 若是许多文字请使用p标签（新闻或小说）
• 默认是一行的
• 并且比起其余的元素默认每行的上下会有留白。

input标签

type='input的类型'

• txt默认
• password 密码
• radio 单选
• checkbox 复选
• color 颜色

按钮

input标签按钮

• type="button"
• value="内容"

<input type='button' value='按钮上的文字'>

button标签

<button>内容</button>