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>