HTML口诀一

最新推荐文章于 2022-11-16 20:30:45 发布
最新推荐文章于 2022-11-16 20:30:45 发布
阅读量251 收藏 2
点赞数
分类专栏： 《HTML口诀》
原文链接：https://mp.weixin.qq.com/s?__biz=MzI2NTQ5NTE4OA==&mid=2247494039&idx=1&sn=762014773a328da6384f6b2be7ca72c8&scene=19#wechat_redirect
版权

文章目录

HTML口诀一：

1.概述

标记语言超文本，搭建基础结构准

  • HTML（Hyper Text Markup Language）： 超文本标记语言，主要用于搭建页面基础结构。

层叠样式装饰表，渲染结构更美好

  • CSS（Cascading Style Sheet）： 层叠样式表，主要用于修饰结构。

动态行为小脚本，浏览展示效果稳

  • JS（JavaScript）： 操作层叠样式或基础结构，使页面在浏览器上运行达到动态效果。

入门之时心如水，步步为营无相悔

2.主流浏览器

渲染内核浏览器，大多外壳在炫技

I E 内核三叉戟，壁虎早于火狐许

  • IE浏览器： trident（三叉戟）
  • 火狐浏览器： gecko（壁虎）

苹果谷歌曾相同，后者开发闪光红

  • Safari浏览器： webkit
  • Chrome浏览器： webkit 、 blink（闪光）

红光照耀引欧朋，抛弃欢快节奏虫

  • Opera浏览器： presto、 blink（闪光）

3.元素和属性

起始结束双标记，斜杠有无空元细

  • 元素是构成html文档的基本单位。

  • 元素 = 起始标记 + 结束标记。

  • 一些元素是空元素。

属性个别和全局，标题语言引水渠

4.标准文档结构

文档声明 H5 ，如若消失怪异舞

  • 表示文档格式声明 如果不写会导致浏览器进入怪异渲染模式。

祖先标记不必须，语言属性翻译需

  • html 标签在最新的语法中可以不用写 lang 表示网站使用语言 浏览网页的时候触发翻译就是这个属性导致的。

头中包含元数据，字符编码汝莫惧

适配移动视口宽，把守 IE 内核关

字符编码：

<meta name="viewport" content="width=device-width,
initial-scale=1.0">
适配移动设备视口

<meta http-equiv="X-UA-Compatible" content="ie=edge">
兼容ie 浏览器 如果使用ie 浏览器打开该页面 建议ie 使用 edge 内核渲染

<title>Document</title>

名称内容关键字，搜索爬虫看多次

  • 表示关键字 展示给搜索引擎优化。

导航标题操作栏，引入图标捷径还

  • 表示展示在浏览器小叶脚的内容 在使用浏览器的时候你会发现有个小图标 这个小图标的引入方法。

业务显示体态中，互相嵌套切勿用

<body>
    之中展示业务逻辑
</body>
内容 在使用浏览器的时候你会发现有个小图标 这个小图标的引入方法。

---
### 业务显示体态中，互相嵌套切勿用
```html
<body>
    之中展示业务逻辑
</body>
小狄谈技术
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
python xpath表达式
weixin_44851971的博客
10-04 411
from lxml import etree #获取特殊的html #将html格式的内容放在字符串里面 text = ''' <div> <ul> <li calss = "item01">这是一个li标签</a></li> <li calss = "item02"><a href="https://www.baidu.com/">小张</a></li>
html 乘法口诀代码源代码
01-13
html 乘法口诀代码
在HTML中使用Javascript和CSS制作九九乘法口诀表
Monkey_KingWoWo的博客
07-21 2193
<html> <head> <title>99乘法表</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <style type="text/css"> table{ width:800px; border-collapse:separate; } table td{ bor.
HTML和CSS如何记忆
cccccccmmm的博客
09-02 422
HTML和CSS如何记忆
HTML标签记忆知识点整理
weixin_43992790的博客
03-13 440
下面展示一些 HTML基本框架。 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> hello </body> </html>
HTML知识点速记
bidi2317的博客
03-03 292
1、字符集（charset） -编码和解码所采用的规则称为字符集 2、乱码问题： -如果编码和解码所采用的字符集不同就会出现乱码 3、常见的字符集 -ASCII GBK UTF-8 可以通过meta标签来设置页面的字符集 <meta charset="utf-8"> 在网页中编写的多个空格默认情况会自动被浏览器解析为一个空格，在HTML中有些时候，我们不能直接书写一些特殊符号，比如：多个连续的空格，比如字母两侧的大于和小于号。如果我们需要在网页中书写这些特殊的符号，则需要使用html中的实体（转
小学生乘法口诀测试.html
08-06
小学生乘法口诀测试.html
九九口诀乘法表.html
11-06
简单示例的HTML代码，方便初学者的学习和应用，希望有所帮助。
HTML乘法口诀表代码
01-07
运用HTML编写的乘法口诀表，在HTML课程中通过练习乘法口诀的编写，熟练掌握HTML的编写
JavaScript九九乘法口诀表的简单实现
10-21
主要介绍了JavaScript乘法口诀表的简单实现，文中给出了详细的示例代码，这样对大家的理解和学习更有帮助，有需要的朋友们可以参考借鉴，下面来一起看看吧。
CSS布局口诀 - CSS BUG顺口溜
u011927449的博客
01-16 205
在进行CSS网页布局时遇到BUG，请认真阅读以下内容，非常容易记忆的，不知道哪位高人把CSS BUG编成了顺口溜了！看看好不好记住呢？ 　　一、IE边框若显若无，须注意，定是高度设置已忘记； 　　二、...
前端学习之HTML简介
Jane_xxxxxy的博客
07-26 197
一、HTML语法规则 1.HTML 标签是由尖括号包围的关键词，例如 。 2.HTML 标签通常是成对出现的，例如 和 ，我们称为双标签。 3.HTML 标签对中的第一个标签是开始标签，第二个标签是结束标签。 有些特殊的标签必须是单个标签（极少情况），例如 ，我们称为单标签。 二、标签的关系 双标签关系可以分为两类：包含关系和并列关系 包含标签： <head> <title> </title> </head> 并列关系： <head> <
HTML知识点总结和重点归纳
BHNBG的博客
07-23 831
HTML常用知识点总结： 一.HTML页面简介： 1.什么是 HTML？ HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 2. HTML 标签 HTML 标记标签通常被称为 HTML 标签 (HTML tag)。 HTML 标签是由尖括号包围的关键词，比如 HTM
初学html 的重要知识点
qq_47651772的博客
11-16 173
1、html标签有成双成对的，也有自结束标签2、html中是不区分大小写，但一般用小写居多3、标签可以嵌套，但不可以交叉嵌套4、养成良好的注释的习惯，简洁、明了，注释也不可以嵌套5、html，css，js都是一种宽泛的语言，它的容错率比较高它会给你自动纠错，但我们要尽量避免，防止网站的性能有所影响， 而且它改的不一定是你想要的。
HTML基础知识点整理归纳
paparuazi的博客
06-21 6163
一、 HTML的基本结构 <head> <title>网页的标题</title> <meta charset="utf-8"/> </head> <body> 写网页的主体 </body> 注意：写完代码记得将格式保存为.html（推荐） htm xhtml HTML的基本结构详解 1.<html>内容</html> 解释：HTML文档的文档标记，也称为HTML开始标记
html标签怎么快速记忆,seo新手该怎么快速学习html基础代码
weixin_39709674的博客
06-20 774
seo新手该怎么快速学习html基础代码相信站长应该都知道，要做一个网站那么肯定离不开html代码，同样我们做SEO优化肯定也是离不开html代码的优化。那么问题就来了，很多seo新手还不会html代码该怎么办？我只能说一个字：学。今天小编就给大家分享下我自己学html代码的方法。首先是看html代码html代码在我印象中我的第一步就是分析与观看，第一步是一个熟悉的过程，我们通过第一步的看要了解到...
html苹果桌面标签代码解释,分类记忆HTML标签
weixin_39608657的博客
06-04 183
HTML(超文本标记语言)是每个前端开发人员必会的语言，因为网页中的所有内容都要写在标签里。标签是组成HTML网页的基本元素，所以记住和理解标签的特性在学习中就比较重要了。标签的基本分类：粗略的划分的话，HTML可以分为闭合标签和空标签，而HTML大部分标签为闭合标签，如,,等HTML标签还有另一种分类方法。按照标签的位置特性来划分的。把标签分为三类：块级元素，行内元素，行级块元素(也称块级行元素...
乘法口诀HTML
狼行千里
01-13 3465
Html版本的乘法口诀代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>九九乘法表</title> <style> p { width: 100px; display: inline-block; padding:..
html5--html实现乘法口诀表
weixin_33831673的博客
12-19 1745
html5--html实现乘法口诀表 总结： 1、多种情况问题：分情况讨论就出来了 2、汉字和数字的对应关系 3、相同的部分统一处理，不同的部分分别对待（这里用中间变量）   问题：九九乘法口诀 两点提示： Math.floor()方法可以将浮点数取整，比如Math.floor(3.6)==3；仅暂作了解；后续课程还会详细讲解相关内容。/li&gt; 该练习综合运用了循环条件...
html九九乘法口诀表代码
最新发布
06-29
HTML可以用来创建网页结构，但编写完整的九九乘法口诀表代码可能会比较繁琐，因为HTML本身并不支持动态生成内容。不过，我们可以用HTML结构来展示一个静态的乘法口诀表。以下是一个简单的示例： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>九九乘法口诀表</title> <style> table { border-collapse: collapse; width: 100%; } th, td { border: 1px solid black; padding: 8px; text-align: center; } th { background-color: #f2f2f2; } </style> </head> <body> <table> <tr> <th>×</th> <th>1</th> <th>2</th> <th>3</th> <!-- ... 一直到9 --> </tr> <!-- 行循环 --> <!-- 第一行 --> <tr> <th>1</th> <td>1</td> <td>2</td> <td>3</td> <!-- ... 一直到9 --> </tr> <!-- 按顺序添加2到9行，每行重复第一行的内容 --> <!-- ... --> </table> </body> </html> ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值