HTML知识点

最新推荐文章于 2024-08-14 10:15:39 发布
最新推荐文章于 2024-08-14 10:15:39 发布
阅读量110 收藏
点赞数
文章标签： html sublime text
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45193892/article/details/104530988
版权

认识html

1.超文本标记语言

Hyper text markup language

2.Html结构标准

< ! doctype html>    声明文档类型
<html>              根标签
<head>             头标签
<title></title>       标题标签
</head>
<body>             主体标签
</body>

</html>

3.Html5结构标准

3.1.Sublime快捷键

!+tab

3.2.标签结构

Charset 编码
Ascll
Ansi
Unicode
Gbk
Gb2312
Big5
Utf-8 通用字符集

3.3.关键字
<meta name="keywords" content="java,PHP,js文档">
3.4.网页描述
<meta name="description" content="java,PHP">
3.5.网页重定向
<meta http-equiv="refresh" content="3,https://www.baidu.com">
3.6.链接外部样式表
<link rel="stylesheet" href="1.css">
3.7.设置icon图标
<link rel="icon" href="favicon.ico">

4.开发工具

常用开发工具

Dw 历史悠久，设计师使用。
Sublime 轻量级 有很多好用的插件。
Webstorm 重量级 太过智能。

5.Sublime快捷键

按键效果
Html:xt+tabHtml结构代码
tab补全标签代码
Ctrl+shift+d快速复制一行
Ctrl+shiif+k快速删除一行
Ctrl+鼠标左键单击集体输入
Ctrl+h查找替换
Ctrl+f查找
Ctrl+/注释
Ctrl+L快速选择一行
Ctrl+shift+↑（↓）快速上移（下移）一行
F11全屏

6.用Package Control安装插件的方法

按下Ctrl+Shift+P调出命令面板
在文本框内输入install package，然后选择Package Control: Install Package

localization
汉化插件
在“帮助” ->“languages”->“简体中文”，就可以改变了。

Emmet
功能：编码快捷键，前端必备

JSFormat
功能：JavaScript的代码格式化插件

Color​Picker
功能：调色板
简介：需要输入颜色时，可直接选取颜色
使用：快捷键Windows: ctrl+shift+c

清扬道友
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
sublime text3的几点技巧
一直加班的程序猿
01-07 3061
这是sublime text3的几点技巧和一些必备插件。有参考了GreenBoots的视频教程：http://www.imooc.com/learn/40
HTML 知识点总结
m0_57202083的博客
08-12 2459
HTML实例 <!DOCTYPE html> <!-- 注:<!DOCTYPE>标签没有结束标签! --> <html><!-- 元素是 HTML 页面的根元素 --> <head><!-- (头部部分) --> <meta charset="utf-8"> <title>显示在浏览器标题栏中的标题</title> </head> <body>&.
知识点汇总，知识点聚合汇总
kongjiea笔记
04-03 5364
1、js/jq知识点 js事件详解 http://blog.csdn.net/kongjiea/article/details/40297651 ajax中get和post的提交、区别、错误处理以及注意事项 http://blog.csdn.net/kongjiea/article/details/41662995 2、html/css知识点 html5的新特性 htt
sublime text 你所不知道的12个秘密
大灰狼的小绵羊哥哥的博客
12-13 2261
package control安装： 第一种方法是在控制台中复制粘贴代码按回车，https://sublime.wbond.NET/installation 第二种办法下载pc文件，百度一下很多方案，这里不详说了 emmet安装： 1、按Ctrl+Shift+P命令板 2、输入PCIC，回车进入Package Control：install 3、输入Emmet和Emmet
HTML知识点总结大纲
super_Fake的博客
11-30 5850
HTML知识点总结 一.基本知识 HTML 指的是超文本标记语言: HyperText Markup Language HTML 标记标签通常被称为 HTML 标签 (HTML tag) <标签>内容</标签> HTML 元素包含了开始标签与结束标签，元素的内容是开始标签与结束标签之间的内容，元素属性是 HTML 元素提供的附加信息。 基本HTML 网页结构如下，body标签内的才是我们在浏览器上所视内容 <!DOCTYPE html>声明为 HTML5 文档 &
HTML基础知识点
qq_40046544的博客
07-27 8667
网页是一个包含HTML标签的纯文本文件，它可以存放在世界某个角落的某一台计算机中，是万维网中的一页，是超文本标记语言格式。它通常是由图片、文字、链接、声音、视频等元素组成。通过网页浏览器访问。HTML指的是超文本标记语言（HyperTextMarkupLanguage），它是用来描述网页的一种语言。web标准也成为网页标准，它是由一系列标准组成，这些标准大部分由W3C负责定制，也有一些标准由其他标准组织制定。绝对路径指目录下的绝对位置，可以直接到达目标位置，通常从盘符开始的路径。例如D从。...
HTML基础知识点大全
m0_69674158的博客
05-04 6879
一、什么是HTML HyperText Markup Language，即超文本标记语言 二、第一个HTML <！doctpye html> <html> <head></head> <body></body> <html> 三、常用的标签🀄️🀄️🀄️ 1⃣️p 标签 ，段落标签，占整行 2⃣️img 图片标签： ①src 图片路径：绝对路径http://xxx.xx/xx/x.jpg 相对路径..
学习HTML的知识点总结
Zrf2191318455的博客
11-01 2794
学习html一段时间，在视频中结合自己设备和理解写出了关于html的一些知识点
HTML常用知识点总结笔记
果冻
07-01 6584
目录 前言 一、HTML简介 1.什么是HTML? 2.HTML 标签 (1)HTML标签 (2)head标签 (3)body标签 3.HTML 元素 二、基础知识 (一)、段落标签 (二)、网页特殊符号 (三)、自闭合标签 (四)、图片标签 (五)、相对路径和绝对路径 (六)、超链接标签（重点） (七)、列表标签 HTML3种列表 (1)、有序列表 (2)、无序列表 (3)、自定义列表 (八)、表格标签 (...
html重要知识点总结
mmcrsx_blog的博客
12-03 8509
HTML知识点总结 一、div，span 看起来相对于,啥的没有什么效果，实际上是最实用的，有两大功能 1、容器，分块明确，使页面更结构化 dkjgaklgja 分块操作 &src=http%3A%2F%2Fi2.hdslb.com%2Fbfs%2Farchive%2F98105c8b5929e326b0a898b2386ee7ddd5f0434a.jpg" width="200
html知识点
07-26
一、HTML知识点 1. HTML基本结构：一个HTML文档通常由<!DOCTYPE>声明、<html>根元素、头部元素和主体元素组成。<!DOCTYPE>声明指定了文档类型，中包含元数据如标题、字符集等，则包含实际的网页内容。 2. HTML标签...
HTML 知识点总结
01-02
HTML 知识点总结 HTML 知识点总结 HTML 知识点总结 HTML 知识点总结
HTML知识点汇总
01-19
一、HTML基础知识；二、文字与图像；三、超级链接；四、表单；五、表格；六、框架；七、网页多媒体；附录、HTML标签列表
HTML知识点总结（思维导图）
03-02
HTML知识点总结（思维导图）
html知识点.xmind
09-08
html css js
前端案例：极速问诊项目（移动端自适应）（HTML+CSS+JS）
li3123537691的博客
08-13 312
一个简单的移动端案例，模拟不同设备下逻辑分辨率不同，宽高自适应正常打开整体布局打开 f12 （ctrl + shift + M）或者点击左上角图标,将其模拟为移动端设备在移动设备iPhone6/7/8，逻辑分辨率375的整体布局其banner图尺寸现在切换设备为iPad，逻辑分辨率为768，此设备下banner图尺寸自适应再切换设备为iPhone 14 Pro Max，逻辑分辨率为430，此设备下banner图尺寸自适应。
移动端的知识 以及 排静态网页的步骤
最新发布
x15514104477的博客
08-14 912
移动端的知识（基础知识） 以及 排静态网页的示例步骤
html+css+js网页设计 电商戴欧妮珠宝网3个页面 有轮播图，折叠面板，一键置顶等功能
qq_42431718的博客
08-13 282
html+css+js网页设计 电商戴欧妮珠宝网3个页面 有轮播图，折叠面板，一键置顶等功能 网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。
HTML知识点二——表单
qq_62859013的博客
08-13 937
该文章讲解了java的表单知识点
渡一成哥html知识点
09-16
渡一成哥的HTML知识点包括： 1. 跑马效果: 使用CSS的动画效果和背景图像的位置变换来实现图像的移动效果。可以通过设置关键帧动画和背景图的位置来控制图像的移动速度和方向。 2. rotate3D变换: 使用CSS的transform...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值