标签：ol 第一天 img 标签 li 学习 HTML 跳转 div

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>

标签：ol,第一天,img,标签,li,学习,HTML,跳转,div
来源： https://blog.51cto.com/14317561/2459471

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。