html标签必备
常用快捷键
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标签必备的更多相关文章
- VLC WebPlugin中文
Documentation:WebPlugin 这篇文档讲述的是 VLC media player Web plugins 和怎样在网页使用它 Contents 1 介绍: 构建包含video的Web ...
- VScode安装配置
一.安装VScode 进入VScode官网Visual Studio Code下载 安装 二.设置中文 打开vscode 重启vscode 三.美化 四.安装拓展插件 Auto Close Tag ( ...
- 织梦dedecms标签调用集合,绝对是仿站必备利器
今天分享下整理了织梦dedecms标签调用集合,绝对是仿站必备利器啊,觉得有用就转走吧!温馨小提示:CTRL+F 搜索你需要的标签名,就可以方便找到:织梦dedecms标签调用集合-首页标签:网站导航 ...
- HTML之必备meta标签
meta标签写在HTML的<head>中,推荐每个手机H5页面必加以下的代码: <head> <meta charset="UTF-8"> &l ...
- 移动webApp必备技能一、WebApp 里Meta标签大全,webappmeta标签大全
1.先说说mate标签里的viewport: viewport即可视区域,对于桌面浏览器而言,viewport指的就是除去所有工具栏.状态栏.滚动条等等之后用于看网页的区域.对于传统WEB页面来说,9 ...
- 写移动端必备的meta标签
<meta name="renderer" content="webkit" /> <meta http-equiv="X-UA-C ...
- UWP开发必备:常用数据列表控件汇总比较
今天是想通过实例将UWP开发常用的数据列表做汇总比较,作为以后项目开发参考.UWP开发必备知识点总结请参照[UWP开发必备以及常用知识点总结]. 本次主要讨论以下控件: GridView:用于显示数据 ...
- ExtJs4 基础必备
认识ExtJs的开发包 下载路径:http://www.sencha.com/products/extjs/download/ 解压有20多兆,别怕,真正运行的没这么大.认识下这个包的文件结构吧. b ...
- HTML5快速入门(三)—— 标签综合运用
前言: 1.HTML5的发展非常迅速,可以说已经是前端开发人员的标配,在电商类型的APP中更是运用广泛,这个系列的文章是本人自己整理,尽量将开发中不常用到的剔除,将经常使用的拿出来,使需要的朋友能够真 ...
随机推荐
- python 使用 sorted 对 列表嵌套元组的数据进行排序
在开发的过程可能会遇到这么一个需求,存在一个列表嵌套元组的数据: data = [(1, 'a'),(2, 'b'),(5, 'c'),(3, 'd'),(4, 'e')] 需要将这个列表按照元组的第 ...
- Markdown新手教程
目录 什么是Markdown? 用Markdown写作有什么优缺点? 有哪些比较好的Markdown写作工具? markdown语法 标题 水平分区线 引用 中划线 斜体 粗体 斜粗体 链接 图片 无 ...
- 一个简单的C语言题背后的故事
最近看到了一个C语言问题,是要计算出这个函数的输出: #include <stdio.h> int Test(int x,int y, int z){ printf("x,y,z ...
- AlarmManager的使用和七牛云android SDK上传图片
一学期的课程设计又开始了,虽然以后不搞安卓,但是课设还是想好好完成的,因为之前做过地图开发,所以选了一个跟 这个相关的题目,其实有一个校车系统也可以选,但是之前做过一个相似度接近80%的东西,不想混混 ...
- 脚手架vue-cli系列一:安装与规范
我很喜欢Vue的一个重要原因就是因为它的vue-cli,这个工具可以让一个简单的命令行工具来帮助我快速地构建一个足以支撑实际项目开发的Vue环境,并不像Angular和React那样要在Yoman上找 ...
- 删除.svn 脱离svn版本控制器
1.for /r . %%a in (.) do @if exist "%%a\.svn" rd /s /q "%%a\.svn" 复制到记事本,将记事本保存为 ...
- Http怎么处理长连接
http协议中有和keep alive特性,这个在http1.1中有, 可以保持浏览器和服务器之间保持着长连接,http本身是无连接的协议, 通过tcp实现数据的传输,处理长连接要注意什么时候数据服务 ...
- java使用java.lang.management监视和管理 Java 虚拟机
ClassLoadingMXBean 用于 Java 虚拟机的类加载系统的管理接口. CompilationMXBean 用于 Java 虚拟机的编译系统的管理接口. GarbageCollector ...
- Maven_3 如何从Maven远程存储库下载
如果在你的项目中,需要使用到的jar包. 如果使用build path的话,你把你的项目给别人运行的时候,别人还需要去build path,如果要换jar包的版本,这些都是比较麻烦的,所以我们使用ma ...
- CMMI三个过程域的流程及达到特定目标、共性目标的要求(RD需求管理过程,PI产品集成过程,TS技术解决方案)
RD需求管理过程 通过面谈的方式获取相关干系人关于产品生命周期各阶段的需求.期望,限制条件,接口 将相关干系人的需求.期望,限制条件,接口转化成用户需求说明书 依据客户需求,确定产品或产品组件需求,形 ...