12-03代码总结

12-3

①HTML是什么 -超文本标记语言(文本,文字)—— 超文本 文字 图片 视频 音频 超链接  

CSS是什么 -样式表                JS是什么-网页上面的特效


②浏览器和搜索引擎的区别-(浏览器是一个可以显示网页服务器或者文件系统的HTML文件内容,并让用户与这些文件交互的一种软件/程序)(搜索引擎是从网上搜集信息,对信息进行组织和处理/网站)

国内四大搜索引擎分别是百度-搜狗-360-神马,谷歌是全国最大的搜索引擎

③网页是怎么呈现的?

浏览器-域名-后台计算机解析(我们看不到)-网页

网站上传过程-编辑器-上传服务器(云虚拟机)-把文件传到虚拟机上(右边)-绑定域名-输入域名-浏览器

④打开DW-左上角点击新建-新建HTML文件-在代码中输入任何东西-保存-做好用浏览器打开

⑤HTML标签                   单标签                  双标签

                                                     

                                             


HTML标签是最大的标签,又称为根标签,一个HTML文件只有一对HTML标签,我们所有的标签都写在HTML标签里面

head标签<头部标签>(标题,关键字,文件)                    是我们配置文件的地方

标题

关键词和描述标签知道代码长什么样子

12-4

①H标签 (用在标题上)        

大标题

          一级标签        快捷键:ctrl+1

                                                     

小标题

         二级标签         快捷键:ctrl+2

                                                     

小标题

         三级标签        快捷键:ctrl+3

                                                     

小标题

         往下都以此类推

②图片标签(快捷键:ctrl+alt+i)

src是图片的路径

title标签中间写什么,把鼠标放在图片上面就显示出来什么

alt替换文本图片出错时显示 相关依据


③相对路径:比如把HTML从桌面拖到一个文件夹里面,那么就是从那个文件夹开始找,图片和路径不可能动,动了就找不到了。

    绝对路径:比如把HTML从桌面拖到一个文件夹里面,那么还是从桌面开始找的,图片只有在这个文件夹里面,就可以随便移动。

    外部链接:从别的网页图片的代码复制到自己这里

④超级链接

内容或者点击DW左上角的超级链接

地址等于链接,内容等于进入这个链接的名字

在链接的后面加上target=”_blank”,打开链接新的页面,不加是在当前直接打开

图片链接和网页链接步骤一样

⑤常用标签:

居中标签

内容
             段落标签

内容

            注释标签

换行标签
                   布局标签

                 下划线标签

斜体标签                     强调标签     

12-5

①css

内嵌样式:    

哈哈哈哈哈哈哈哈哈哈哈哈哈哈

     style 样式        font 字体      size 大小       color 颜色        px是像素     符号都是英文状态下的

内部样式:       

外部样式:  打开DW  - 新建css  -  把内部样式复制到css里面   - 【】可以删了 -   在HTML的标题中【】加上

②选择器  标签选择器、类选择器、ID选择器、包含选择器

 前面加一个【.】

修改命名

选择器前面加一个【#】

修改命名

选择器 什么鬼我也不知道,我不懂这个

12-6     

设置盒子的width宽-height高-background  color 背景颜色

       设置盒子                                                          

                     内容    


②设置《border》边框的color颜色-边框的style样式-【dashed虚线/solid实线】-边框的width宽度

接着①写         边框-颜色:选择颜色;以此类推

③设置左(left)右(right)上(top)下(bottom)边框

边框-左/右/上/下-颜色:选择颜色;

④复合属性

border:#0F3 solid 30px;

边框:选择颜色-空格-solid(实线虚线)-空格-选择像素

你可能感兴趣的:(12-03代码总结)