h1标签 | 易学教程

HTML 01

阅读更多关于 HTML 01

目录 HTML 注释 HTML文档结构标签的分类 head内常用标签 body内常用标签 body内特殊符号块级标签和行内标签标签的两个属性 body内重要的几个标签列表标签表格标签 HTML 超文本标记语言 Hyper Text Markup Language < > 标签狂魔... 注释注释是代码之母在搭建页面时, 通常会利用注释来划分区域     单行注释  多行注释  HTML文档结构 head 不是给人看的, 是给浏览器看的 body 内的代码才是给人看的 <html> <head></head> <body></body> </html> 标签的分类双标签, 既有头有尾 <h1>This is the first html page I made!</h1> 自闭合标签, 既有头无尾 <img src="test.jpg"/> head内常用标签 title 定义网页标题 <title>Welcome to MrBigB's Website</title> style 内部支持写css代码 <style> h1 { color: darkred; } </style> link

<h1>~<h6> 标题标签

阅读更多关于 ~ 标题标签

<h1>~</h6>标题系列标签解释：h1到h6 中h1标签最大，h6标签最小，逐一递增。例如： <h1>标签</h1> <h2>标签</h2> <h3>标签</h3> <h4>标签</h4> <h5>标签</h5> <h6>标签</h6> 显示效果：我是h1 我是h2 我是h3 我是h4 我是h5 我是h6 来源： https://www.cnblogs.com/rygl/p/11829476.html

vue2.0入门教程

阅读更多关于 vue2.0入门教程

Vue是渐进式——易用、灵活、高效，没有太多限制的JavaScript框架两种使用方式 1.引入cdn <script src="https://cdn.jsdelivr.net/npm/vue"></script> 2.命令行工具搭建脚手架 el属性：element需要获取的元素，一定是html中的根容器元素 data属性：用于数据的存储，本质是对象，key和value自定义初始vue双花括号中的内容放入了一个虚拟dom通过它插入dom中在Vue中可以直接拿到属性在方法中使用 Index.html <!DOCTYPE html> < html lang = "en" > < head > < meta charset = "UTF-8" > < title > Vue.js </ title > < link rel = "stylesheet" href = "style.css" > < script src = "https://cdn.jsdelivr.net/npm/vue" > </ script > </ head > < body >  < div id = "vue-app" > < h1 > {{ greet (' night ') }} </ h1 > < p > Name: {{ name }} </ p >

Vue框架

阅读更多关于 Vue框架

Vue简介 Vue是市场三大主流框架之一.和Angular, React都是基于JavaScript开源框架.Vue框架是一种js 渐进式框架, 相对于React(gitup),偏向于做pc端. Vue的优点: 轻量级,中文API, 支持双向绑定, MVVM设计模式,组件开发,单页面应用. 　　渐进式 : 可以根据开发进行调整Vue框架控制项目的具体位置: 可以是一个标签,一个页面,也可是整个项目. Vue简单使用下载链接: https://cn.vuejs.org/v2/guide/installation.html. 下图下载入口. 开发版本完整版, 生成版本压缩版.都可以使用. 　　使用时导入本地即可使用  <script src="js/vue.js"></script>  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 挂载点挂载点控制页面及项目的范围 <body> <h1>{{Vue_h1}}</h1> <h2>{{Vue_h2}}</h2> </body> <script src="js/vue.js"></script> <script> new

CSS3 Flexbox轻松实现元素的水平居中和垂直居中

阅读更多关于 CSS3 Flexbox轻松实现元素的水平居中和垂直居中

CSS3 Flexbox轻松实现元素的水平居中和垂直居中网上有很多关于Flex的教程，对于Flex的叫法也不一，有的叫Flexbox，有的叫Flex，其实这两种叫法都没有错，只是Flexbox旧一点，而Flex是刚出来不久的东西而已，为了方便说明，赶上新技术，下面我就把这种布局叫Flex布局。元素居中，相信作为前端工程师的你肯定会经常用到，不管是在水平方向居中，还是垂直方向居中，都可在你的职业生涯中徘徊。不过很多时候要实现垂直居中，还是比较麻烦的。不过你也不用担心，下面就给大家分享下通过Flex布局轻松实现元素在水平、垂直方向上的居中效果。水平居中水平居中最为简单我们直接来看下代码 1.单个元素水平居中 CSS3 Flexbox轻松实现元素的水平居中和垂直居中 CSS代码 .box{ display: flex; justify-content: center; background: #0099cc } h1{ color: #FFF } HTML代码 <div class="box"> <h1>flex弹性布局justify-content属性实现元素水平居中</h1> </div> 在这段代码里我们只需要给h1标签的父元素添加两个属性就可以了，justify-content其作用就是让class类为box的div盒子居中。盒子居中了，盒子里面的元素就自然居中了

10个js小案例

阅读更多关于 10个js小案例

知识梳理： 1.DOM(document object model)文档对象模型：html(标签对象集合) 标签名获取对象：document.getElementsByTagName('标签名');//返回的是一个数组类名获取对象：document.getElementsClassName('类名’);//返回的是一个数组 id获取(id唯一):document.getElementById(); 获取内容标签： innerText,innerHTML 区别： innerHTML可以把标签写进html 基本操作：创建标签：var h1=document.createElement('h1'); 给标签追加标签:var div=document.getElementsByTagName('div')[0]　　//获取第一个div div.appendChild(h1);　　//这样就把h1标签添加到了div中类名操作：对象.className='类名'; 标签已经有类名的情况下：标签对象.classList.remove('移除的类名'); 标签对象.classList.add('追加的类名'); 标签对象.classList.contains('是否包含的类名');　　 //判断：返回true或者false 标签对象属性操作：标签对象.setAttribute('属性名

01_互联网基本原理和HTML入门

阅读更多关于 01_互联网基本原理和HTML入门

从“上网”说开去 1.上网就是请求数据老师现在进行一个互联网原理的整体感知的教学，你注意，整体感知中，一些具体的细节，可能令你没有安全感（很多的知识盲点）。没有关系，老师进行的是“整体感知”，就是为了让你宏观地学习一些东西，先不要在意细节。网页是真实的物理存在，我们现在来看一下老师购买的一个服务器的操作。所以我们就能通过网址www.shaoshanhuan.com/ aaa.html 来查看这个页面。我们来看看文件夹的情况： www.shaoshanhuan.com/ccc/ddd.html 小问题：我们想访问 www.shaoshanhuan.com/haha/xixi/hehe.htm l 那么请问，我们的网页应该放在哪里？答案：放在haha文件夹中的xixi文件夹中里面。更深入的问题：我们平时输入网址，都是www.shaoshanhuan.com ，没有后缀实际上等价于访问了www.shaoshanhuan.com/index.html文件。 index是英语目录、列表的意思，这是默认的首页文件。文件夹的默认文件，也是index.html www.shaoshanhuan.com/aaa 等价于 www.shaoshanhuan.com/aaa/index.html 总结一下，一会儿我们马上展开研究：也就是说，上网就是一个请求数据的过程

前端开发HTML&css入门——HTML

阅读更多关于前端开发HTML&css入门——HTML

　　HTML究竟为何物？其实HTML就是一种标记语言，英文全称为Hypertext Markup Language，翻译过来就叫超文本标记语言。它的作用就是负责负责网页的三个要素之中的结构。 HTML使用标签的的形式来标识网页中的不同组成部分。所谓超文本指的是超链接，使用超链接可以让我们从一个页面跳转到另一个页面。点一下试试。　　那么既然是文本标记语言，我们自然能用txt来编辑HTML语言。打开windows自带的记事本工具，键入以下内容：这是我第一个网页　　因为我们编写的是HTML网页，所以一定要将后缀名改为HTML（以前还有htm后缀名，因为早期系统不支持那么长的后缀名，但是二者是相同的）：让我们看一下图标：，变成了浏览器的logo。证明此文件可以用浏览器打开。我们打开这个网页：　　？？这哪是网页啊？你在骗我把？为什么和我们看到的网页不同？因为我们只加入了文本，我们未加入标签内容以及排版样式。　　接下来让我们先来上一组基本的html标签，这样的一组标签能构成一个最基本，最简单的一个网页。每个标签都是由一组<>来构成（就是M右边的两个键）。 1 <html> 2 <head> 3 <title>这是一个非常好的网页</title> 4 </head> 5 6 <body> 7 <h1>这是我的第一个网页</h1> 8 </body> 9 </html>

订阅 h1标签