标签:宽度 不能 没有 界面 全面 应该 依次 技术分享 ase
最高级高发工具
来编写网页WebStorm: 重量级, 自带功能全面
最牛逼最高级
的高发工具WebStorm
安装软件
破解软件(工作之后一定要用正版)
汉化软件
设置模版
创建文件
WebStorm常见快捷键
如何在WebStorm中利用快捷键创建一个新的.html的文件
如何在WebStorm中让光标移动到当前行的末尾
如何在WebStorm中让光标移动到当前行的最前面
如何在WebStorm中让光标在多行中闪烁
如何在WebStorm中快速的复制光标所在的那一行
如何在WebStorm中快速的删除光标所在的那一行
如何在WebStorm中让标签包裹一段内容, 也就是自动在一段内容前后加上标签
作用:
格式:
<h1>xxxxxx</h1>
注意点:
在企业开发中, 一定要慎用H系列的标签, 特别是H1标签. 在企业开发中一般情况下一个界面中只能出现一个H1标签(和SEO有关)
作用:
格式:
<p>xxxxxxxx</p>
注意点:
在浏览器中会单独占一行
作用:
格式:
<hr />
注意点:
由于hr标签是用来修改样式的, 所以不推荐使用. 今后开发中添加水平线一般都使用CSS盒子来做
什么是注释?
为什么要使用注释?
注释格式
<!--被注释的内容-->
<!--<!--被注释的内容-->-->
ctrl + /
作用: 在网页上插入一张图片
格式: [图片上传失败...(image-fd0503-1522164219949)]
标签的属性
属性名称 | 作用 |
---|---|
src(source) | 告诉浏览器需要插入 的图片路径, 以便于浏览器到该路径下找到需要插入的图片 |
alt(alternate) | 规定图像的替代文本, 只有 在src指定的路径下找不到图片 ,才会显示alt指定的文本 |
title | 悬停文本(介绍这张图片, 只有在鼠标移动到图片上时才会显示) |
height | 设置图片显示的高度 |
width | 设置图片显示的宽度 |
如果想让图片等比拉伸, 只写高度或者宽度即可
作用:
格式:
<br/>
注意点:
图片路径分为两种, 一种是绝对路径, 一种是相对路径, 我们重点学习相对路径
, 因为在企业级开发中没有人使用绝对路径
绝对路径
[图片上传失败...(image-272290-1522164219949)]
相对路径
[图片上传失败...(image-2aceec-1522164219949)]
为什么没人使用绝对路径?
什么是可移植性?
为什么绝对路径可移植性差?
F:/lnj
目录下, html文件中用到的图片放在F:/lnj/images
目录下, 我给src指定的绝对路为F:/lnj/images/girl.png
. 那么将来我将整个lnj文件夹拷贝给你
, 如果你将lnj文件夹放在非F盘下, 那么将无法显示图片C:/lnj/images/girl.png
, 而src会去F盘找, 所以不会显示lnj
文件夹存放在F盘根目录下时图片才会正常运行, 这就叫做可移植性不好为什么相对路径可移植性好?
images/girl.png
, 那么无论你拷贝到那个盘, 哪个文件夹. 系统都只会在当前文件夹中的images下去查找图片
, 不会受到盘符和存储位置的影响, 只要保证页面和图片位置的相对关系不变就不会影响到图片的显示相对路径几种查找方式
girl.png
./girl.png
./girl.png
代表在当前目录下查找abc/girl.png
./abc/girl.png
abc/bbb/ccc/ddd/girl.png
或./abc/bbb/ccc/ddd/girl.png
../girl.png
注意事项:
aaa/../bbb/girl.png
格式: <a href="http://www.it666.com">江哥博客</a>
作用: 用于从一个页面链接到另一个页面
注意事项:
超级链接
或超链接
a标签的属性
属性名称 | 作用 |
---|---|
href(hypertext reference) | 指定跳转的目标地址 |
target | 告诉浏览器是否保留原始界面, _blank保留, _self不保留 |
title | 悬停文本(介绍这个链接, 只有在鼠标移动到超链接上时才会显示) |
<base target="_blank" />
注意事项:
<a href="#">江哥博客</a>
<a href="javascript:">江哥博客</a>
当前
页面指定位置
(锚点链接)
<a href="#location">跳转到指定位置</a>
<p id="location">这个是目标</p>
指定
页面的指定位置
<a href="01-锚点链接.html#location">跳转到指定位置</a>
01-锚点链接.html
页面添加一个id位置即可<a href="girl.zip">下载福利资源<a/>
标签:宽度 不能 没有 界面 全面 应该 依次 技术分享 ase
原文地址:https://www.cnblogs.com/booksBlog/p/10331253.html