1.设置默认浏览器:
chrome浏览器右上角设置-设置默认浏览器
2.标签
单标签
注释标签:
ctrl+/
换行标签:
<br/>
水平线标签:
<hr/>
- 图片标签:
<img>
属性:src-图片来源
alt-替换文本:当图片不显示时,会显示替换文本
title-提示文本:当鼠标放到图片时显示提示文本
width-height:宽高,当不设置宽高时,图片为图片本身宽高,当只设置宽或高一个数值时,图片等比例缩放,若同时设置宽高,比例会变形。
eg:<img src="lzl.jpg" alt="林志玲" title=“女神” width="500" height="300"/>
- 音乐标签:
<embed>
hidden="true"隐藏音乐样式
<embed src="1.mp3" hidden="true">
双标签
段落标签:
<p></p>
.特点:上下段落之间自动生成空白行,< br/>不会自动生成空白行。
标题标签:
h1-h6
.特点:h1在一个页面里只能出现一次。
文本标签:
<font></font>
.eg:`< font size="6" color="red"> 123< /font>`
文本格式化标签:
文本加粗标签:
<strong></strong>
更有语义化,较多使用。
< b>< /b>
文字倾斜标签:<em></em>
更有语义化,较多使用。
< i>< /i>
删除线标签:<del></del>
更有语义化,较多使用。
< s>< /s>
下划线标签:<ins></ins>
更有语义化,较多使用。
< u>< /U>
※:之所以更多使用<strong></strong>,<em></em>,<del></del>,<ins></ins>
这些标签,是因为这些标签更有语义化,更便于浏览器解读。超链接标签:
<a></a>
eg:
<a href=“03.html”title="图片标签" target="_blank">超链接< /a>
※ 属性:href:跳转到的页面的路径,必写属性。
title:提示文本,鼠标放到链接上显示的文字。
target:链接打开方式——target="_self"
默认值,在自身页面打开(关闭自身页面,打开链接页面);target="_blank"
在新的页面打开链接,自身页面不关闭。列表标签:
1.无序列表:
< ul>< li>< /li>< li>< /li>< /ul>
文字前面的符号:type="square"
小方块
type="disc"
实心小圆圈,默认的
type="circle"
空心小圆圈
<ul type="square">
<li>文字列表</li>
<li>文字列表</li>
<li>文字列表</li>
</ul>
2.有序列表:<ol><li></li><li></li> </ol>
<ol>
<li></li>
<li></li>
<li></li>
</ol>
序号方式:`type="1,a,A,I"` type的值可以为1,a,A,I
type="1" start="3" start决定了开始的数字
<ol type="1" start="3">
<li>文章列表</li>
<li>文章列表</li>
<li>文章列表</li>
</ol>
3.自定义列表
<dl>
<dt>帮助中心</dt> 小标题
<dd>购物指南</dd> 解释标题
<dd>订单操作</dd> 解释标题
<dd>账户管理</dd> 解释标题
</dl>
- 滚动标签:
<marquee></marquee>
<marquee behavior="slide" direction="down" height=300px" bgcolor="orange">文字(或者图片标签)</marquee>
页面自动滚动效果之:<marquee>...</marquee>
中间的内容可以为 文字,图片,也可以是由程序生成的文字或图片
属性:height 设置高度 width 设置宽度 bgcolor 设置背景颜色
behavior:设定滚动的方式
alternate: 表示在两端之间来回滚动。
scroll: 表示由一端滚动到另一端,会重复。
slide: 表示由一端滚动到另一端,不会重复。
direction: 设置滚动的方向
down :向下滚动 left:向左滚动 right:向右滚动 up:向上滚动
loop:设置滚动次数 -1一直滚下去
页面背景音乐:
属性:src 设置音乐路径
hidden :隐藏播放按钮 true 隐藏 false 显示
上标下标标签:2<sup>3</sup>
; H<sub>2</sub>O
路径
1.相对路径:相对于当前文件所在的位置,以当前文件为坐标。
- 文件和图片(html文档)在同一个目录(文件夹)时,直接写文件名。
eg:< img src="lzl.jpg" alt="林志玲" />
- 文件和图片(html文档)在下一级目录(文件夹)时,写文件夹名称/图片(html文件)名称。
eg:< img src="images/lzl.jpg" alt="林志玲" />
- 文件和图片(html文档)在上一级目录(文件夹)时,写../图片(html文件)名称。
eg:< img src="../lzl.jpg" alt="林志玲" />
- 文件和图片(html文档)在上一级目录(文件夹)的其他文件里,写../文件夹名称/图片(html文件)名称
eg:< img src="../images/lzl.jpg" alt="林志玲" />
※找下一级目录的(文件夹)的图片用:文件夹名称/文件名称;
跳出当前目录使用../
2.绝对路径:
电脑上的绝对路径:提供图片(文件)的完整路径,不推荐使用,一般图片文件会放到服务器,若使用电脑的绝对路径,有可能会造成在服务器中找不到此路径
互联网的绝对路径:以http开头的完整路径