一、概念概述

1.常用快捷键

2.前端&＃xff1a;前端就是将效果图生成网页&＃xff0c;利用html&＃43;css&＃43;js等技术。其核心&＃xff1a;解决用户体验。

3.网页&＃xff1a;a.网页由文字、图片、输入框、视频、音频、超链接等组成。

              b.Web标准&＃xff1a;W3c组织&＃xff08;万维网联盟&＃xff09;

                                   Html&＃xff1a;结构标准&＃xff0c;相当人的身体。

                                  Css&＃xff1a;表现标准&＃xff0c;相当于给人化妆 变的更漂亮。

                                   Js&＃xff1a;行为标准&＃xff0c;相当于人在唱歌&＃xff0c;页面更灵动。

4.浏览器&＃xff1a;a.是一个上网的客户端&＃xff08;软件&＃xff09;&＃xff0c;也是一个网页运行平台。&＃xff08;如&＃xff1a;IE&＃xff0c;谷歌&＃xff0c;猎豹等等&＃xff09;

                 b.浏览器内核:即渲染引擎。渲染引擎是兼容性问题出现的根本原因。

                 c.IIS是一个web服务器&＃xff0c;提供网页浏览服务。

5.Url地址&＃xff1a;就是平时说的网址。

6.认识html&＃xff08;Hyper text markup language&＃xff0c;超文本标记语言&＃xff09;&＃xff1a;

         超文本&＃xff1a;超链接&＃xff0c;超级文本。&＃xff08;实现页面跳转&＃xff09;

a.Html结构标准

   声明文档类型

             根标签

            头标签

      标题标签

            主体标签(给用户看的)

html 与htm是一样的。后缀名不能决定文件格式&＃xff0c;只能决定文件打开的方式。

b.Html标签分类

单标签 &＃xff0c;如&＃xff1a; 

注释标签 ctrl&＃43;/

换行标签
&＃xff08;不会生成空白行&＃xff09;

水平线(分割线)标签

双标签 &＃xff0c;如&＃xff1a;       ...

段落标签

文本内容

标题标签

文本内容

文本标签文本内容。

文本格式化标签&＃xff1a;

a.加粗标签 文本内容 或 文本内容&＃xff08;前者常用&＃xff0c;因为更有语义化&＃xff0c;下同&＃xff09;

b.倾斜标签 文本内容 或 文本内容

c.删除线标签 文本内容 或 文本内容

d.下划线标签 文本内容 或 文本内容

图片标签

Src    图片的来源   必写属性

Alt    替换文本    图片不显示的时候显示的文字

Title   提示文本    鼠标放到图片上显示的文字

Width  图片宽度

Height  图片高度

图片没有定义宽高的时候&＃xff0c;图片按照百分之百比例显示&＃xff0c;如果只更改图片的宽度或者高度&＃xff0c;图片等比例缩放。

音乐标签

hidden&＃61;“true”在页面隐藏音乐播放器

c.Html标签关系分类

  包含&＃xff08;嵌套关系&＃xff09;    父子

  并列关系      兄弟姐妹

d.开发工具

Dw:历史悠久,设计师使用。

Sublime:轻量级,有很多好用的插件。(学基础时用)

Webstorm:重量级,太过智能。&＃xff08;就业用&＃xff09;

7.设置默认浏览器

Chrome浏览器右上角&＃xff0c;设置里选择设置默认浏览器。

8.路径

a.相对路径:相对于文件自身出发&＃xff0c;就是相对路径。&＃xff08;常用&＃xff09;

文件和图片&＃xff08;html文档&＃xff09;在同一个目录(文件夹) &＃xff0c;直接写文件名。

图片&＃xff08;html文档&＃xff09;在文件在下一级目录里。文件夹名称&＃43;/&＃43;图片&＃xff08;html&＃xff09;名称。

图片&＃xff08;html&＃xff09;在文件的上一级目录里&＃xff0c;..&＃43;/&＃43;图片&＃xff08;html&＃xff09;名称。&＃xff08; ../ 表示 跳出当前目录&＃xff09;

图片在文件的上一级的其他目录里&＃xff0c;../文件夹名称/图片名称

★总结&＃xff1a;找到下一级目录&＃xff08;文件夹&＃xff09;的图片&＃xff08;文件&＃xff09;用 /

b.绝对路径:从盘符出发。&＃xff08;一般不用&＃xff09;

9.超链接

href   去往的路径&＃xff08;跳转的页面&＃xff09; 必写属性

title    提示文本   鼠标放到链接上显示的文字

target&＃61;”_self”    默认值    在自身页面打开&＃xff08;关闭自身页面&＃xff0c;打开链接页面&＃xff09;  

target&＃61;”_blank”   打开新页面 &＃xff08;自身页面不关闭&＃xff0c;打开一个新的链接页面&＃xff09;

优化写法

  让所有的超链接都在新窗口打开

10.锚链接

①先定义一个锚点

②超链接到锚点回到顶部

11.空链&＃xff1a;不知道链接到那个页面的时候&＃xff0c;用空链

12.特殊字符&＃xff08;常用以下三个&＃xff09;

     空格符

<          小于号<

>         大于号>

13.列表

a.无序列表

   列表项

type&＃61;"square"    小方块

type&＃61;"disc"     实心小圆圈

type&＃61;"circle"     空心小圆圈

eg:

type&＃61;"square">

b.有序列表

   列表项

type&＃61;"1,a,A,i,I"  type的值可以为1,a,A,i,I

start&＃61;”3”  决定了开始的数字位置

eg:

type&＃61;"1" start&＃61;"3">

c.自定义列表

 

   小标题

 

  解释标题

 

   

14.​​​滚动

文字/图片 

​​​​​​​