常用快捷键

Ctrl+c

复制

Ctrl+v

粘贴

Ctrl+x

剪切

Ctrl+a

全选

Ctrl+s

保存

Ctrl+z

撤销一步

Windows+d

返回桌面

Windows+e

我的电脑

Windows+r

打开运行

Alt+tab

切换软件

Ctrl+tab

软件文档之间的切换

F2

重命名

F5

刷新页面

2 认识大前端

2.1 前端就是将效果图生成网页,利用html+css+js等技术。

2.2 Pc端  移动端

2.3 用户体验

2.4 学习态度

养成一种习惯。

3 认识网页

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

3.2 Web标准

W3c组织(万维网联盟)

Html    结构标准       相当人的身体

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

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

3.3 基础班课程安排

Html      2天

Css       7天

Js        3天

3.4 浏览器

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

3.5 浏览器内核

渲染引擎

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

3.6 浏览器和服务器的那点事

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

3.7 Url地址

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

4 认识html

4.1 Hyper   text  markup   language

超文本标记语言。

超文本:超链接。(实现页面跳转)

4.2 Html结构标准

< ! doctype html>    声明文档类型

<html>              根标签

<head>             头标签

<title></title>    标题标签

</head>

<body>             主体标签

</body>

</html>

Html 与htm是一样的。

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

4.3 Html标签分类

单标签   <! Doctype html>

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

4.4 Html标签关系分类

包含(嵌套关系)  <head><title></title></head>     父子

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

4.5 开发工具

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快捷键使用:

4.6 设置默认浏览器

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

5 标签

5.1 单标签

◆注释标签    ctrl+/

◆ 换行标签   <br />

◆ 水平线标签  <hr />

5.2 双标签   

<p>文本内容</p>

特点:上下自动生成空白行。<br>换行不会生成空白行。

标题标签

h1-h6  取值到h6

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

文本标签

<font>文本内容</font>

文本格式化标签

 文本加粗标签   <strong></strong>   <b></b>  工作里尽量使用strong

 

文本倾斜标签

<em></em>     <i></i>     工作里尽量使用em

删除线标签

<del></del>     <s></s>   工作里尽量使用del

下划线标签

<ins></ins>   <u></u>    工作里尽量ins

◆注意:之所以工作里使用<strong></strong>  <em></em> <del></del>

<ins></ins>  是因为更有语义化。

5.3 图片标签

Src    图片的来源   必写属性

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

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

Width  图片宽度

Height  图片高度

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

6 路径

6.1 相对路径

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

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

◆图片(html文档)在文件在下一级目录里。文件夹名称+/+图片(html)名称

◆图片(html)在文件的上一级目录里,..+/+图片(html)名称

◆图片在文件的上一级的其他目录里,../文件夹名称/图片名称

★总结:找到下一级目录(文件夹)的图片(文件)用 /

跳出当前目录使用../

6.2 绝对路径

7 超链接

href="http://www.qianhtj.com"  去往的路径(跳转的页面) 必写属性

title="解释性文字"    提示文本   鼠标放到链接上显示的文字

target=”_self”    默认值    在自身页面打开(关闭自身页面,打开链接页面)

Target=”_blank”   打开新页面 (自身页面不关闭,打开一个新的链接页面)

7.1 锚链接

1.先定义一个锚点

2.超链接到锚点

7.2 空链  不知道链接到那个页面的时候,用空链

7.3 压缩文件下载  不推荐使用

7.4 超链接优化写法
<base target="_blank">   让所有的超链接都在新窗口打开

8 另存为   ctrl+shift+s

9 特殊字符

10 列表

10.1 无序列表

<ul>

<li></li>    列表项

<li></li>

<li></li>

</ul>

type=”square”      小方块

Type=”disc”       实心小圆圈

Type=”circle”      空心小圆圈

10.2 有序列表

<ol>

<li></li>    列表项

<li></li>

<li></li>

</ol>

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

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

10.3 自定义列表

<dl>

<dt></dt>    小标题

<dd></dd>   解释标题

<dd></dd>   解释标题

</dl>

11 音乐标签

12 滚动

html标签必备的更多相关文章

  1. VLC WebPlugin中文

    Documentation:WebPlugin 这篇文档讲述的是 VLC media player Web plugins 和怎样在网页使用它 Contents 1 介绍: 构建包含video的Web ...

  2. VScode安装配置

    一.安装VScode 进入VScode官网Visual Studio Code下载 安装 二.设置中文 打开vscode 重启vscode 三.美化 四.安装拓展插件 Auto Close Tag ( ...

  3. 织梦dedecms标签调用集合,绝对是仿站必备利器

    今天分享下整理了织梦dedecms标签调用集合,绝对是仿站必备利器啊,觉得有用就转走吧!温馨小提示:CTRL+F 搜索你需要的标签名,就可以方便找到:织梦dedecms标签调用集合-首页标签:网站导航 ...

  4. HTML之必备meta标签

    meta标签写在HTML的<head>中,推荐每个手机H5页面必加以下的代码: <head> <meta charset="UTF-8"> &l ...

  5. 移动webApp必备技能一、WebApp 里Meta标签大全,webappmeta标签大全

    1.先说说mate标签里的viewport: viewport即可视区域,对于桌面浏览器而言,viewport指的就是除去所有工具栏.状态栏.滚动条等等之后用于看网页的区域.对于传统WEB页面来说,9 ...

  6. 写移动端必备的meta标签

    <meta name="renderer" content="webkit" /> <meta http-equiv="X-UA-C ...

  7. UWP开发必备:常用数据列表控件汇总比较

    今天是想通过实例将UWP开发常用的数据列表做汇总比较,作为以后项目开发参考.UWP开发必备知识点总结请参照[UWP开发必备以及常用知识点总结]. 本次主要讨论以下控件: GridView:用于显示数据 ...

  8. ExtJs4 基础必备

    认识ExtJs的开发包 下载路径:http://www.sencha.com/products/extjs/download/ 解压有20多兆,别怕,真正运行的没这么大.认识下这个包的文件结构吧. b ...

  9. HTML5快速入门(三)—— 标签综合运用

    前言: 1.HTML5的发展非常迅速,可以说已经是前端开发人员的标配,在电商类型的APP中更是运用广泛,这个系列的文章是本人自己整理,尽量将开发中不常用到的剔除,将经常使用的拿出来,使需要的朋友能够真 ...

随机推荐

  1. Android 经验之文件下载

    在Android 开发中,我们肯定会接触到下载需求,那么如何通过技术实现呢? 一.简单实现: 通过了解HTTP原理,我们应该可以知道,HTTP学习的时候,可以通过HTTPGET方式来进行文件下载: n ...

  2. 三种实现Android主界面Tab的方式

    在平时的Android开发中,我们经常会使用Tab来进行主界面的布局.由于手机屏幕尺寸的限制,合理使用Tab可以极大的利用屏幕资源,给用户带来良好的体验.学会Tab的使用方法已经成为学习Android ...

  3. Android开发工程师文集-Activity生命周期,启动方式,Intent相关介绍,Activity详细讲解

    前言 大家好,给大家带来Android开发工程师文集-Activity生命周期,启动方式,Intent相关介绍,Activity详细讲解的概述,希望你们喜欢 Activity是什么 作为一个Activ ...

  4. webpack中使用typescript

    概述 这是我学习webpack中使用typescript的记录,供以后开发时参考,相信对其他人也有用. 学习typescript建议直接看中文文档或英文文档,休闲之余可以看这篇TypeScript 总 ...

  5. 从Redis生成数据表主键标识

    对于MySql的全局ID(主键),我们一般采用自增整数列.程序生成GUID.单独的表作为ID生成器,这几种方案各有优劣,最终效率都不能说十分理想(尤其海量数据下),其实通过Redis的INCR可以很方 ...

  6. Redis简明教程

    redis是什么: Redis is an open source, BSD licensed, advanced key-value store. It is often referred to a ...

  7. Spring Boot 2.0正式发布,新特性解读

    作者|翟永超 Spring Boot 2.0 来啦,有哪些新特性?升级吗? 写在前面 北京时间 3 月 1 日,经过漫长的等待之后,Spring Boot 2.0 正式发布.作为 Spring 生态中 ...

  8. java——IObufferedReader文件输入输出流

    package com.jredu.ch02_lianxi; import java.io.BufferedReader;import java.io.BufferedWriter;import ja ...

  9. 将文件内容隐藏在bmp位图中

    首先要实现这个功能,你必须知道bmp位图文件的格式,这里我就不多说了,请看:http://www.cnblogs.com/xiehy/archive/2011/06/07/2074405.html 接 ...

  10. 实现text-detection-ctpn一路的坎坎坷坷

    小编在学习文字检测,因为作者提供的caffe实现没有训练代码(不过训练代码可以参考faster-rcnn的训练代码),所以我打算先使用tensorflow实现,主要是复现前辈的代码,主要是对文字检测模 ...