Html基础01

mac2022-07-05 17

１、常用快捷键

Ctrl+c

复制

Ctrl+v

粘贴

Ctrl+x

剪切

Ctrl+a

全选

Ctrl+s

保存

Ctrl+z

撤销一步

Windows+d

返回桌面

Windows+e

我的电脑

Windows+r

打开运行

Alt+tab

切换软件

Ctrl+tab

软件文档之间的切换

重命名

刷新页面

１认识大前端

１.1 前端就是将效果图生成网页，利用html+css+js等技术。

１.2 Pc端移动端

１.3 用户体验

１.4 学习态度

养成一种习惯。

２认识网页

２.1 网页由文字、图片、输入框、视频、音频、超链接等组成。

２.2 Web标准

W3c组织（万维网联盟）

Html 结构标准相当人的身体

Css 表现标准相当与给人化妆变的更漂亮

Js 行为标准想当与人在唱歌，页面更灵动。

１.1 基础班课程安排

Html 2天

Css 7天

Js 3天

１.2 浏览器

◆浏览器是一个上网的客户端（软件）。

１.1 浏览器内核

渲染引擎

渲染引擎是兼容性问题出现的根本原因。

浏览器和服务器的那点事

IIS web服务器提供网页浏览服务

１.1 Url地址

Url地址就是咱们说的网址。

１认识html

１.1 Hyper text markup language

超文本标记语言。

超文本：超链接。（实现页面跳转）

１.1 Html结构标准

< ! doctype html> 声明文档类型

<html> 根标签

<head> 头标签

<title></title> 标题标签

</head>

<body> 主体标签

</body>

</html>

Html 与htm是一样的。

后缀名不能决定文件格式，只能决定打开文件打开的方式。

１.1 Html标签分类

单标签 <! Doctype html>

双标签 <html></html> <head></head> <title></title>

１.2 Html标签关系分类

包含（嵌套关系） <head><title></title></head> 父子

并列关系 <head></head><body></body> 兄弟姐妹

１.3 开发工具

Dw 历史悠久，设计师使用。

Sublime 轻量级有很多好用的插件。

Webstorm 重量级太过智能。

新建文件、打开文件、打开文件夹

Html:xt+tab

Html结构代码

tab

补全标签代码

Ctrl+shift+d

快速复制一行

Ctrl+shiif+k

快速删除一行

Ctrl+鼠标左键单击

集体输入

Ctrl+h

查找替换

Ctrl+f

查找

Ctrl+/

注释

Ctrl+L

快速选择一行

Ctrl+shift+↑（↓）

快速上移（下移）一行

F11

全屏

查看----布局

sublime快捷键使用： http://blog.csdn.netdetails/11530751

１.1 设置默认浏览器

Chrome浏览器右上角，设置里选择设置默认浏览器。

２标签

２.1 单标签

◆注释标签 ctrl+/

◆ 换行标签

１.1 双标签

文本内容

特点：上下自动生成空白行。 换行不会生成空白行。

标题标签

h1-h6 取值到h6

h1 在一个页面里只能出现一次。

文本标签

文本内容

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

Width 图片宽度

Height 图片高度

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

１路径

１.1 相对路径

相对于文件自身出发，就是相对路径。

◆文件和图片（html文档）在同一个目录(文件夹) ，直接写文件名。

１列表

１.1 无序列表

<ul>

<li></li> 列表项

</ul>

type=”square” 小方块

Type=”disc” 实心小圆圈

Type=”circle” 空心小圆圈

１.1 有序列表

<ol>

<li></li> 列表项

</ol>

◆type=”1,a,A,i,I” type的值可以为1,a,A,i,I

start=”3” 决定了开始的位置。

１.1 自定义列表

<dl>

<dt></dt> 小标题

<dd></dd> 解释标题

</dl>

转载于:https://www.cnblogs.com/BingBing-Deng/p/9714096.html

最新回复(0)