前端学习笔记(二)

创建项目文件夹

在正式开发项目时, 需要有三个文件夹
	js -- 把JavaScript代码放里面
	css -- 把css代码放里面
	img -- 把图片放里面
	
网站是由很多网页组成	
网站的主页一般命名为 index.html
网页文件的名字要做到见名知意

绝对路径和相对路径

绝对路径：从盘符出发完整的具体位置
例如C:\Users\23804\Desktop\文件
相对路径：简单位置
例如
本文件夹：文件名
上一个文件夹：../文件夹名/文件名

标签属性

<标签名 属性1='值' 属性2='值'>内容</标签名>

注意事项：

• 标签的属性写在开始标签内部
• 标签上可以同时存在多个属性
• 属性之间以空格隔开
• 属性之间没有顺序之分

通用属性

• id用来给标签取一个唯一的名称，重复的话，就是先来的为准
• style:用来设置该标签的行内样式
• title:鼠标放上时 所显示的内容

图片标签

向当前的网页引入一张图片 
<img src="图片路径" alt="图片描述" height="高度" width="宽度" title="图片标题">

img是image图片的缩写
src是source的缩写 
width,height是宽度,高度 可以不用px单位
alt是图片的描述
title是鼠标放上去时显示的内容

相对路径:图片名
绝对路径:盘符开始写

相对路径:
./ 可以不写 表示从当前文件夹出发
../ 返回上一个文件夹
绝对路径:一般不常用 如果换了环境就用不了

注意:
1.如果只设置宽/高其中一个 另一个会自动等比例缩放
2.图片必须是要复制在项目文件夹中(好管理)
3.image preview 查看插入图片的缩片图
4.更推荐相对路径
5.一般情况下直接有一个src就可以了 最好写下alt

超链接标签

超级链接类似于传送门 可以通过a标签指定停留在某个位置

	a标签 超级链接标签 当移动到链接区域鼠标就会变成小手
	href="链接的路径"
	target 表示以什么方式打开网页
	_blank 新窗口 原本窗口不变
	_self 默认 覆盖原本窗口

锚点

页面中添加锚点功能跳转到特定的位置

1. 跳转到设置id名
2. 使用a标签设置href属性名为#id名字 点击a标签可以跳转所需位置

1.跳转到一个指定网站
2.跳转到网页里的一个指定位置
3.跳转到一个指定文件

<h3 id="two">第二本斗罗大陆</h3>
1.找到目标位置标签 里面添加一个id属性
<a href="#two" >点击我到第二本</a>
2.在超链接的href属性中设置属性值为"#id值的形式"

列表

1. 无序列表
   • 没有顺序的列表
   • 展示无序列表的内容 ul li 必须组合出现代表无序列表

   li不能单独使用  只能放在ol和ul作为他们的子标签
   
   ul里的子标签只能是li
   li里可以存放任何标签
   

2. 有序列表
   • 与上同义
3. 自定义列表
   结合dl标签去使用dd dt标签 dd dt同级 不能相互嵌套
   dd内容是用来描述dt的 dd可以有多个
   必须配合dt(定义列表中的项目) dd(描述列表中的项目)
   dl的子标签只能是dt dd 不能单独出现

这段学习可以插入图片，锚点，超链接标签，列表，可以加入很多多种多样的标签。