web前端小白初入门笔记1

HTML基础1

1.企业开发中如果要写路径，尽量写相对路径，因为绝对路径的可移植性太差了，可能拷贝给别人就运行不了，而相对路径一般不用，写路径的时候统一写反斜杠/，不要使用正斜杠，因为可能会与将来部署到其他系统的服务器上发生冲突。（路径例：<..\images/01.jpeg）
2.做企业开发的时候要换行的时候一般是另起一个段落才换行的，<br>标签不适用，<br>标签的作用是不另起一个段落换行使用，应该使用<p>标签。
3.a标签不仅可以让文字点击跳转，图片也是可以的。a标签必须要有一个href属性，否则a标签不知道跳转到什么地方。如果指定一个URL地址需要在前面加上http://或者是https://。
4.a 标签有一个target属性，分别是_self和_blank。_self用于当前选项卡中跳转，也就是不新建界面跳转。_blank用于新的选项卡中跳转，也就是新建界面跳转。a标签默认在当前界面跳转。
5.base标签就是统一制定a标签的超链接要如何打开，必须写在head标签的开始标签和结束标签之间。
6.如果都在base标签和a标签中使用了target属性，浏览器会按照a标签所定的打开链接。
7.企业开发前期，其他的界面都还没有写出来，就不知道跳转到什么地方，所以只能使用假链接代替。当后期开发完毕再替换为真链接。有两种格式分别是#和javascript:。区别就是#
的假链接会自动回到顶部，而JavaScript:的假链接不会。
8.要让a标签跳转到网页中指定的位置总共分为两步：
1)给目标的标签设定一个独一无二的id属性，然后指定一个独一无二的值；
2)告诉a标签你需要跳转到目标标签所对应的独一无二的id属性的值是什么即可。
（通过a标签跳转到指定位置的时，是没有过渡动画的，是一下子就跳转到了指定位置）
9.a标签不仅可以跳转到当前界面的指定部位，也可以跳转到其他界面的指定部位。
10.列表标签就是给一堆数据添加列表语义，也就是告诉搜索引擎和浏览器这一堆数据是一个整体。有以下分类:
1)无序列表:给一堆数据添加列表语义，并且这一堆数据中所有的数据都没有先后之分。
无序列表始于 <ul> 标签。每个列表项始于 <li>。
格式：

<ul>
<li></li>
</ul>

ul标签和li标签是一个组合，所以ul标签里面不推荐使用其他的标签，也不会单独使用ul标签或者是li标签。可以在li标签中添加其他标签丰富界面。也就是说ul标签中有li标签，li标签中可以有ul标签。
2)有序列表:有序列表也是一列项目，列表项目使用数字进行标记，有先后之分。有序列表始于

1. 标签。每个列表项始于
2. 标签。其实ol应用场景并不多, 因为能用ol做的用ul都能做。
   格式：

<ol>
<li></li>
</ol>

3)定义列表
给一堆内容添加列表语义, 通过<dt>罗列出列表的条目, 然后再通过<dd>给每个条目进行相应的描述.
格式：

<dl>
<dd></dd>
<dt></dt>
</dl>

使用建议：
推荐一个dd对应一个dt。但凡看到一堆内容都是用于描述某一个内容的时候就要想到dl。网站底部相关信息也有用到。
11.在webstorm中写上ul>li*x，就可以生成一对ul标签里面有x对li标签，不写的话就默认就是1个。ol标签也适用。dl的话就这样写：dl>dt+dd*x 表示生成一对dl和x对dt和dd。
如果错误，请帮我指正一下。（导师：极客江南）