前端3剑客

Posted fushaunglin

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端3剑客相关的知识,希望对你有一定的参考价值。

前端三剑客
html
html为标记语言
标记语言为非编程语言,不具备编程语言的程序逻辑

html为前端页面的主体,由标签。指令与转义字符(实体)等组成

css
css 为标记语言
css为前端页面的样式,由选择器。作用域与样式快组成

选择器:由标签,类,id单独或组合出现
作用域:一组大括号包含的区域
样式快:满足css链接语法的众多样式


js
js是编程语言,有完善的语法,可以完成复杂的程序逻辑
dom:文档对象模型
bom:浏览器对象模型
es:es是一种脚本语言规范

<!doctype html>
<html>
<head>
<meta/>
<title></title>
</head>
<body>
</body>
</html>
模板解读:
doctype:指定文档类型,规定html标签语法
html:文档根标签,标注着文档(页面)的开始与结束
head:文档头标签,可以引用脚本文件。指定样式表,书写代码逻辑块,提供元信息
body:文档主体标签,包含文档所有文本与超文本内容
title:文档tag标题标签,设置文档tag标题内容

其他核心模板标签

head内常用标签
meta 相关
1.指定字符集
<meta charset=‘utf-8‘>

2页面描述
<meta name =‘description‘ content=‘具体描述...‘>

3.关键字:有助于搜索引擎seo优化
<neta name=‘keywords‘ content=‘网站的相关关键字...‘>


4.3秒后跳转

<meta http-equiv=‘refresh‘ content=‘3,http://baidu.ocm‘>

5.3秒刷新

<meta http-equiv=‘refresh‘ content=‘3‘>

非meta相关标签
1.标题

<title>顶顶顶顶</title>

2.网站图标

<link rel=‘icon‘ href= ‘图标地址‘>"

#https://www.baidu.com/favicon.ico"


3.定义内部样式

<style></style>


4.引入外部样式文件

<link rel=‘stylesheet‘ href=‘mystyle.css‘>

#5、定义javascript代码或引入JavaScript文件
<script src="hello.js"></script> 

 

html 常用标签
1.无语义标签
<div></div>
<span></span>

2.常用语义标签
<hn></hn>标题
<p></p>段落
<pre></pre>原文本
<br>换行
<hr>分割线


3.文本标签

<i></i>斜体字

<em></em>斜体字,表示强调

<b></b>粗体字

<strong></strong>粗体字,表示强调
<ins></ins>插入的文本

<del></del>删除的文本

<sub></sub>下标字

<sup></sup>上标字

<ruby>你好<rt>nihao</rt><ruby>

4.其他标签

<section></section>块

<small></small>小号字体

 















































以上是关于前端3剑客的主要内容,如果未能解决你的问题,请参考以下文章

前端三剑客--->HTML

Python 44 前端概述 三剑客 常用标签与分类

前端三剑客----->JavaScript(基础语法)

前端三剑客常见面试题及其答案

前端三剑客----->CSS(基础)

总结前端三剑客之一(HTML基础)