HTML基础之1：认识前端，网页，浏览器，及HTML的基本介绍

来源：互联网发布：mac ftp 上传文件编辑：程序博客网时间：2024/05/08 07:42

Html基础

１.1 常见快键键介绍

键作用 ctrl+c 复制 ctrl+v 粘贴 ctrl+x 剪切 ctrl+s 保存 ctrl+a 全选 ctrl+z 撤销 ctrl+shift+z 反撤销 windows+e 打开资源管理器 windows+d 返回桌面

１.2 前端介绍

 ☞pc 端    ☞移动端

１.3 前端的功能

 前端最重要解决的是用户体验问题

１.4 学习前端的注意事项

☞态度端正☞练习☞自学能力

１.5 认识网页

☞网页的组成：       文字，按钮，输入框，图片，视频。。元素组成的。☞网页标准（web标准）      Web标准：制作网页需要遵循的规则☞web标准包含  ◆结构标准     HTML（写网页结构）  ◆表现标准     CSS（网页样式。网页美化师）  ◆行为标准     javascript(网页特效)

１.6 认识浏览器

浏览器：用来浏览网页的软件
常用的浏览器：
这里写图片描述

内核：渲染引擎。
这里写图片描述

１.7 浏览器与服务器之间的关系

这里写图片描述

其他协议还有：https,ftp等；

１.8 Html介绍

☞概念： Hyper Text Markup Language (超文本标记语言)
☞超文本：可以实现页面跳转的文本（超链接） ☞标记： html中的各种标签（标记）

１.9 Html结构

<!doctype html>   <!--文档类型--><html>    <!--根标签-->    <head>  <!--头部标签-->    <title>网页标题</title></head><body> <!-- 网页主体标签头部标签-->    在网页中，看到的任何信息。都要放到body中。</body></html>

１.10 Html标签之间的关系

☞并列关系（兄弟之间）
例如： head标签和body （没有包含关系存在）

☞嵌套关系（包含关系）
例如：head标签和title标签

１.11 Html标签写法分类

☞单标签：只有开始标签，没有结束标签
例如：<!doctype> <hr>

☞双标签：有开始和结束标签
例如：title, body ....

１.12文件后缀名

 文件后缀名：不能决定文件的类型。决定文件的打开方式。 .html   .htm

１.13使用sublime新建工程

☞首先新建一个本地文件夹

☞新建文件夹方式：
在文件夹上点击鼠标右键：===》 new filder

☞新建文件
点击鼠标右键===》 new file

１.14 快捷键介绍

* 快捷键作用 *
Ctrl+shift+D 快速复制粘贴
Ctrl+鼠标左键（中间滚轮键）快速集体输入
Ctrl+f 快速查找
Ctrl+h 查找替换
Ctrl+shift+↑（↓）快速移动

http://blog.csdn.net/moyan_min/article/details/11530751

１.15 Html标签介绍

☞单标签：

注释标签


文本换行标签
 

横线标签
<hr>

☞双标签

段落标签： 

标题标签： <hn></hn> n的取值为1-6

文本标签：


文本格式化标签
（1）文本加粗显示  , 
（2）斜体显示  
（3）删除线 <del></del>,<s></s>
（4）下横线 <ins></ins>,
（5）网页布局标签<div></div>,

１.16图片标签

这里写图片描述

属性：
（1）src 用来设置显示图片 (必须有该属性)
（2）width：设置宽度
height: 设置高度
（3）alt: 当图片无法正常显示，对图片的描述（网站优化，针对搜索引擎）
（4）title: 设置鼠标移动到图片上显示的文字提示

１.17路径问题

☞相对路径

◆当文件（html）与要显示的资源文件（图片）。在同一文件夹中。 Src直接写上文件名称即可（图片）
◆当html文件在资源文件（图片）的上一级目录中（不在同一个文件夹中）， src中设置图片所在文件夹名称+/图片名称。
◆当html在资源（图盘）文件的下一级目录中，src设置../+图片名称
(一个../代表返回一步)

☞绝对路径