站点: 就是一个文件夹
作用:
1: 用来归纳一个网站所有的网页,素材及他们之间联系
2: 规划网站的所有内容和代码,整合资源
文件的命名规则：
1: 用英文字母及相关符号,不能出现任何中文及中文符号
2: 必须英文字母开头,英文字母尽可能小写,可以包含数字,下划线,不能以数字开头,不能包含空格及特殊符号
3: 见名知意
4: 网站首页命名必须是 index.html 不能使用shouye.html
5: 驼峰命名法(匈牙利命名法)
小驼峰: boxName
大驼峰: BoxName
html基本语法:
双标签(对标签,常规标签): <标记 属性:"值"></标记>
单标签(空标记,单标签): <标记 属性="值"/>
html常用标签:
h1-h6: 标题标签,文本加粗变大依次变小,独占一行,一个页面中h1只允许出现一次,其他的可以多次出现,通常用来做logo
p: 段落标签,独占一行
【注】p标签不能嵌入任何独占一行的元素,包括自己
br:换行标签
hr:水平线标签
b / strong: 加粗标签,只占据自己内容大小的位置,strong具有强调作用
i / em: 倾斜标签,只占据自己内容大小的位置,em具有强调作用
三大列表标签:
ul > li: 无序列表标签,独占一行,默认小黑点修饰,通常取消小黑点,用来做导航,列表
type="修饰符号"
disc 小黑点
circle 空心圆
square 实心方块
ol > li: 有序列表标签,独占一行,默认阿拉伯数字修饰,通常取消修饰符,用来做导航,列表...
type="修饰符号"
1 a A i I
start="起始位置"
dl >(dt + dd): 自定义列表,独占一行,在一个dl中只有一个dt,可以有多个dd,dd是对dt的解释和说明,通常用来做双导航
图片:
格式:
.jpg 普通图片
.png 背景透明图片
.gif 动态图
插入到页面中
<img src="图片路径">
src="图片路径"
相对路径:
相对某个文件夹出发
../ 返回上级目录
./ 在当前目录
绝对路径:
从盘符出发(c盘/d盘)
从域名地址出发
alt="图片替换文本"
1: 图片加载成功时不显示
图片加载失败时显示
2: 主要给搜索引擎查看,而不是给用户看
3: 尽可能写实,空着也要写
title="图片标题"
1: 鼠标悬停在图片上就有提示文本,离开就没有
2: 主要给用户查看
width="宽度"
height="高度"
【注】
只写宽度或者高度,另一边将等比例缩放
<a: 超链接标签,实现页面与页面之间的跳转,文本蓝色带有下划线,只占据自己内容大小
href="跳转地址"
# 空地址
target="跳转方式"
_self 在当前窗口刷新
_blank 不断打开新窗口
/a>
