img 标签
-
image:
<img/> -
单标签
-
图片展示标签
-
常用的属性有:
-
图片路径或者网址:
src -
高度:
width -
宽度:
heigh
-
-
常见的后缀格式有: jpg, png, gif
a 标签
-
anchor:
<a> </a> -
闭合标签
-
超链接标签,用于将一个页面链接到另一个页面
-
常用的属性有:
-
页面路径或网址:
href -
在新标签页打开:
target="_blank"a 标签去掉下划线样式,使用:text-decoration: none;
-
div 标签
-
division:
<div> </div> -
闭合标签
-
结构标签,用于网页结构的搭建与布局
-
默认宽度是一整行
ul 标签
-
Unordered List:
<ul></ul> -
闭合标签
-
无序列表
-
列表中的元素用 list item 标签:
<li></li> -
默认宽度是一整行
ol 标签
-
ordered List:
<ol></ol> -
闭合标签
-
有序列表
-
列表中的元素用
<li></li> -
默认宽度是一整行
图片种类
图片一般分成两类,一类是像素图,一类是矢量图
-
像素图是由一颗颗像素点组成,如果放大看会看到像素点
-
矢量图一般是由软件生成,即时放大看,也看不到像素点
像素图后缀一般为 jpg, png, gif 矢量图后缀一般为 ai
input 标签
-
单标签:
<input /> -
网页中最常见的输入文字的标签
-
常用的属性:
-
类型:
type-
文字:
text(默认) -
数字:
number -
密码:
password -
颜色:
color -
复选框:
checkbox -
日期:
date
-
-
默认值:
value -
最大值:
maxlength -
提示信息:
placeholder
-
button 标签
-
闭合标签:
<button> </ button> -
按钮标签
p 标签
-
patagraph
-
闭合标签:
<p> </p> -
段落标签,自成一行
-
与 div 标签的区别:上下行间有间距,div 没有
-
div 标签中可以放 p 标签,p 标签中放不了 div 标签
span 标签
-
闭合标签:
<span> </span> -
用来组合文档中的行内元素