HTML
文章平均质量分 95
Simple子夜
实迷途其未远、觉今是而昨非
展开
-
初识HTML(一)基础
HTML介绍超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。站在开发架构的角度,其属于:B/S架构的程序,也就是说客户端就是浏览器,而服务端就是存放HTML的机器。当浏览器要打开一个页面时,会向服务端发送html文件请求,待服务端返回后,然后由浏览器从上至下执解析html代码,中间可能加载到内部css和js代码 或 引入了外部css、js等文件,这些文件的加载渲染页面全部是由浏览器来完成。什么是 HTML?HTML 是用来原创 2021-03-14 10:11:38 · 1057 阅读 · 2 评论 -
初识HTML(二)VsCode编辑器,常用标签
文章目录VS Code编辑器元素的概念HTML标题HTML段落HTML超链接HTML图片插入常用字体样式标签标签嵌套 HTML 编辑器推荐可以使用专业的编辑器来编辑 HTML,其界面以及代码可观读都很高,为大家推荐以下两种常用的编辑器:VS Code:https://code.visualstudio.com/Sublime Text:https://code.visualstudio.com/根据官网提示安装后,我们将使用该VsCode对html进行编辑VS Code编辑器Visual原创 2021-03-13 19:40:40 · 4788 阅读 · 1 评论 -
初识HTML(三)表格、表单
前言:本章节将了解到HTML里较为重要的标签:表格与表单。说到表格,在早期时候的网页甚至整个页面都是表格来进行布局的,笔者也在刚学习HTML的时候,就曾整张页面都是使用表格完成的,其作用可见不一般。而表单的话则是前后端交互的一个接口,在成为一个动态页面上起到了作用,那下面来了解一下它们的使用方式吧!HTML表格表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(原创 2021-03-13 19:39:08 · 1623 阅读 · 1 评论 -
初识HTML(四)进阶:CSS基础、常用属性
前言:本章节将学习到HTML中最为重要的CSS,有了它我们的网页将可以实现更多功能以及添加很多样式,如果将html标签比作房子的话,那么就是给房子进行装修了,通过使用 CSS 我们可以大大提升网页开发的工作效率!开始了解CSS的魅力所在吧!什么是css?CSS 指层叠样式表 (Cascading Style Sheets)样式定义如何显示 HTML 元素样式通常存储在样式表中外部样式表可以极大提高工作效率外部样式表通常存储在 CSS 文件中多个样式定义可层叠为一个css语法定义CS原创 2021-03-13 19:35:33 · 1344 阅读 · 0 评论 -
初识HTML(五)进阶:CSS盒子模型、页面布局
CSS 盒子模型(Box Model)所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距margin,边框border,填充padding,和实际内容(文本、或者图片、或者其它标签)。盒子模型允许我们在其它元素和周围元素边框之间的空间放置元素。下面的图片说明了盒子模型(Box Model):标准的W3C盒子模型:元素的宽度和高度重点: 当你指定一个 CSS 元素的宽度和高度属性时原创 2021-03-13 19:34:01 · 13432 阅读 · 2 评论 -
初识HTML(六)高级:了解JavaScript
前言:JavaScript 是 Web 的编程语言,所有现代的 HTML 页面都会使用 JavaScript。它与HTML、CSS合称:web开发三剑客。那么我们来了解一下它的用途吧!ps:本章节主要讲述简单使用JavaScript来操作页面元素,JavaScript介绍JavaScript也可以简称为:JSJavaScript实际与Java在使用上没有任何关系,但是起源却有些联系,感兴趣可以看看:https://blog.csdn.net/kese7952/article/details/793原创 2021-03-13 19:32:07 · 1207 阅读 · 0 评论 -
初识HTML(七)高级:了解jQuery
目录JQuery介绍Jquery优势JQuery版本JQuery的引用jQuery语法原生JS与JQ对象标签操作事件JQuery介绍jQuery是一个轻量级的、兼容多浏览器的JavaScript库。jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。它的宗旨就是:“Write less, do more.“Jquery优势一款轻量级的JS框架。jQuery核心js文件才几十kb,不会原创 2021-03-13 19:27:59 · 1091 阅读 · 0 评论