12-3
①HTML是什么 -超文本标记语言（文本，文字）—— 超文本 文字 图片 视频 音频 超链接
CSS是什么 -样式表 JS是什么-网页上面的特效
②浏览器和搜索引擎的区别-（浏览器是一个可以显示网页服务器或者文件系统的HTML文件内容，并让用户与这些文件交互的一种软件/程序）（搜索引擎是从网上搜集信息，对信息进行组织和处理/网站）
国内四大搜索引擎分别是百度-搜狗-360-神马，谷歌是全国最大的搜索引擎
③网页是怎么呈现的？
浏览器-域名-后台计算机解析（我们看不到）-网页
网站上传过程-编辑器-上传服务器（云虚拟机）-把文件传到虚拟机上（右边）-绑定域名-输入域名-浏览器
④打开DW-左上角点击新建-新建HTML文件-在代码中输入任何东西-保存-做好用浏览器打开
⑤HTML标签 单标签 双标签
<HTML/> <HTML></HTML>
<br/>
HTML标签是最大的标签，又称为根标签，一个HTML文件只有一对HTML标签，我们所有的标签都写在HTML标签里面
head标签<头部标签>（标题，关键字，文件） 是我们配置文件的地方
<title>标题</title>
关键词和描述标签知道代码长什么样子
12-4
①H标签 （用在标题上） <h1>大标题</h1> 一级标签 快捷键：ctrl+1
<h2>小标题</h2> 二级标签 快捷键：ctrl+2
<h3>小标题</h3> 三级标签 快捷键：ctrl+3
<h4>小标题</h4> 往下都以此类推
②图片标签（快捷键：ctrl+alt+i）
src是图片的路径
title标签中间写什么，把鼠标放在图片上面就显示出来什么
alt替换文本图片出错时显示 相关依据
③相对路径：比如把HTML从桌面拖到一个文件夹里面，那么就是从那个文件夹开始找，图片和路径不可能动，动了就找不到了。
绝对路径：比如把HTML从桌面拖到一个文件夹里面，那么还是从桌面开始找的，图片只有在这个文件夹里面，就可以随便移动。
外部链接：从别的网页图片的代码复制到自己这里
④超级链接
<a href=”地址”>内容</a>或者点击DW左上角的超级链接
地址等于链接，内容等于进入这个链接的名字
在链接的后面加上target=”_blank”，打开链接新的页面，不加是在当前直接打开
图片链接和网页链接步骤一样
⑤常用标签：
居中标签 <center> 内容</center> 段落标签 <p>内容</p> 注释标签 <!-- 内容 -->
换行标签 <br/> 布局标签 <div></div> 下划线标签 <u></u>
斜体标签 <em></em> 强调标签 <strong></strong>
12-5
①css
内嵌样式： <div style="font-size:36px;color:#3C3;">哈哈哈哈哈哈哈哈哈哈哈哈哈哈</div>
style 样式 font 字体 size 大小 color 颜色 px是像素 符号都是英文状态下的
内部样式： <style>
div{font-size:80px;color:#3C3;}布局
p{font-size:40px;color:#3C3;}段落
</style>
外部样式： 打开DW - 新建css - 把内部样式复制到css里面 - 【<style></style>】可以删了 - 在HTML的标题中【<head></head>】加上<link href="1.css" rel="stylesheet" type="text/css" />
②选择器 标签选择器、类选择器、ID选择器、包含选择器
前面加一个【.】
修改命名
选择器前面加一个【#】
修改命名
选择器 什么鬼我也不知道，我不懂这个
12-6
①设置盒子的width宽-height高-background color 背景颜色
设置盒子 <div border="宽:多少px;
<div style=></div> 高:多少px;
背景-颜色:选择颜色;">
内容 </div>
②设置《border》边框的color颜色-边框的style样式-【dashed虚线/solid实线】-边框的width宽度
接着①写 边框-颜色：选择颜色；以此类推
③设置左（left）右（right）上（top）下（bottom）边框
边框-左/右/上/下-颜色：选择颜色；
④复合属性
border:#0F3 solid 30px;
边框：选择颜色-空格-solid（实线虚线）-空格-选择像素
网友评论