< div ></div>和<span></span>都是盒子用来装东西的
区别:div是division的缩写,表示分割,分区。Span意为跨度,跨距
Div用来布局,独占一行,可以理解为大盒子,是块元素;
<span>在行内定义一个区域,也就是一行内可以被<span>划分成好几个区域,从而实现某种特定效果。可以理解为小盒子,而span是行内元素(也译作内嵌元素)。
<img src=“./img.png’”>为单标签不用写结束,以下为img属性
Src 图片路径 必须属性,
空格 为同一级 ./下一级目录 ../上一级目录
alt 文本 网页加载图片时图片还没显示出来,这里的文字可以告诉用户图片内容
title 文本 提示文本,鼠标放到图片,显示文字
width 像素 设置图像的宽度
height 像素 设置图片的高度
border 像素 设置图片的边框粗细
注意:属性内容必须写到标签内,且采用属性=“属性值”的格式,属性,属性,属性值用空格分开,
<a>标签用于定义超链接,作用就是从一个页面跳转到另一个页面
<a href =“http://www.baidu.com” target = “目标窗口的弹出方式”>文本或者图像</a>
Target 打开窗口方式,默认为_self当前窗口打开,_blank新窗口打开
锚点链接:点网页中的链接,可以快速定位到页面中某个位置,格式<a href =“#yes” > </a>
需要在目标标签的属性中添加一个id属性 = “等于yes”,如 <div id= “yes”>就可以用锚点
注释:在html文档中添加一些便于阅读和理解但又不需要显示的文字,先用鼠标选中注释内容,然后快捷键ctrl加?就可以了
特殊字符的输入