HTML5基础知识
关注
分享
扫一扫
文章平均质量分 60
HTML基础知识
小简(JanYork)
不告诉你，就不告诉你，嘿嘿！
展开
-
前端学习第四章——img标签与常用字体效果标签
插入图片（img标签）与常用的字体效果我们常常可以在网页中看到许许多多的图片，或者可以点击图片跳转，这是什么标签的功劳呢？我们现在就来接触一下我们的图片标签——img标签img标签是用来将我们本地图片或者图片外链插入我们的HTML网页中的标签，可是一个img标签并不能达到我们需要的效果，因此它必须和src属性一起搭配，少一个都不可以<!DOCTYPE html><html lang="zh-cn"><head> <meta charse原创 2021-11-10 17:01:31 · 2503 阅读 · 1 评论 -
前端学习第三章——a标签（超链接）
a标签（超链接）我们浏览一个网页，比如京东、天猫、腾讯视频、csdn、掘金，这些网站，我们总是可以看到一些按钮或者图片或者文字，点击之后可以跳转到其他页面或者其他网站，这是怎么做到的呢？ 在HTML中，有一个标签，可以设置点击文字跳转的效果——a标签看看我们a标签的效果<!DOCTYPE html><html lang="Zh-cn"><head> <meta charset="UTF-8"> <meta http-..原创 2021-11-08 19:49:33 · 5599 阅读 · 4 评论 -
前端学习第二章——HTML的正式开始
目录HTML学习正式开始进入正式学习body标签H标签（H1~H6）p标签HTML的发展!DOCTYPE 声明HTML5HTML 4.01XHTML 1.0HTML学习正式开始首先，我们要知道，一个网页或者一个网站的前端基本是由三种语言组成的，HTML最多只能写出一个只有黑色文字和图片的网页！那有人就问了：那我们学这个用什么用呢？纯文字图片的网页根本就不像我们所看到的网页啊！所有这里有个知识点一定要记住：我们的HTML是负责我们网页的整个布局与原创 2021-11-07 21:48:24 · 780 阅读 · 6 评论 -
前端学习第一章——了解HTML大概内容
HTML是什么？HTML（超文本标记语言——HyperText Markup Language）是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其它技术则通常用来描述一个网页的表现与展示效果（如[CSS]），或功能与行为（如[JavaScript]）。HTML有什么作用？设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠.原创 2021-11-06 15:07:21 · 1230 阅读 · 7 评论 -
CSS伪元素
我们先前讲过伪类选择器，伪类选择器实则就是选择一种元素的特殊状态，那我们今天来看一看CSS的伪元素什么是伪元素？CSS 伪元素用于设置元素指定部分的样式例如，它可用于：设置元素的首字母、首行的样式 在元素的内容之前或之后插入内容我们先前讲伪类选择器，我们发现伪类选择器前面是由 : 来连接属性的，比如:hover ，于是我们看到这个伪元素是不是也觉得格式与伪类选择器一样呢？确实，我们的伪元素是可以通过 : 来连接的，可是，我们要知道，既然是语法那就一定有规范，虽然用: 并没有错，但..原创 2021-11-03 18:29:06 · 1274 阅读 · 10 评论 -
CSS伪类选择器
CSS的选择器有很多种，有一种选择器，与其他选择器完全不同，我们来讲一讲这个选择器——伪类选择器伪类选择器我们伪类选择器有几种，我们来看看第一种静态伪类: 只能用于超链接的样式:link超链接点击之前 :visited链接被访问过之后以上两种样式，只能用于超链接实际用法还得实际分析，我们来看看这一张图：这里我写了两个超链接，看我箭头指的文章，你会发现这两个超链接颜色是不一样的为什么会不一样呢？因为第一个链接，是我访问过的网站链接而第二个链接，我的浏览器没有访问..原创 2021-11-01 20:03:36 · 31272 阅读 · 12 评论 -
CSS属性选择器
属性选择器温馨提示：建议自己尝试运行代码结合说明观察规律<!DOCTYPE html><html lang="zh"><head> <title>属性选择器</title> <style> /* 使用属性选择器选择title属性 */ [title]{ color: brown; /* 使用color属性改变了所有存在有ti原创 2021-10-14 15:47:09 · 346 阅读 · 4 评论 -
CSS复合选择器
复合选择器温馨提示：建议自己尝试运行代码结合说明观察规律<!DOCTYPE html><html lang="cn"><head><style> p.a{ color: palegreen; /* 这个是交集选择器,选中的是class值为a的标签并且标签为p的标签里面的内容 */ } div.a{ font-size: 20px; /* 这里是用交集选原创 2021-10-06 17:38:52 · 312 阅读 · 7 评论 -
CSS常用选择器
常用选择器温馨提示：建议自己尝试运行代码结合说明观察规律<!DOCTYPE html><html lang="zh"><head> <style> /* 元素选择器 */ /* 语法： 标签名{} 如：p{} a{} */ p{ color: burly原创 2021-10-06 17:37:04 · 170 阅读 · 1 评论 -
CSS外部样式表
HTML中的CSS外部样式表温馨提示：建议自己尝试运行代码结合说明观察规律<!DOCTYPE html><html lang="cn"><head> <title>外部样式表</title> <!-- 这里我们引入样式表文件 --> <link rel="stylesheet" href="外部样式表.css"> <!-- rel中的stylesheet是样式表的意思原创 2021-10-06 17:35:15 · 2053 阅读 · 1 评论 -
CSS-HTML标签的样式改变
样式改变代码教程提示：代码请自己尝试运行，更方便发现规律哦！<!DOCTYPE html><html lang="cn"><head> <style> p{ color: chartreuse; /* 说一下，这里这个颜色单词不用去管它，编辑器会给你一个可视化选择 */ font-size: 15px; } font原创 2021-10-06 17:33:12 · 707 阅读 · 0 评论 -
HTML全套基础知识点（代码式讲解）
HTML大致框架<html> <!-- HTML语言有多个版本，比如HTML4、XHTML2.0、HTML5 HTML5是现在常用的版本--> <!-- !DOCTYPE属性是文档声明属性可以告诉网页当前语言使用的是什么版本，比如下面 --> <!DOCTYPE HTML> <!-- HTML默认为HTML5，所以我们直接<!DOCTYPE HTML> --> <!-- 这是原创 2021-10-05 09:51:20 · 1056 阅读 · 6 评论 -
一段代码，带你了解前端最基本的HTML基础框架
<html> <!-- HTML语言有多个版本，比如HTML4、XHTML2.0、HTML5 HTML5是现在常用的版本--> <!-- !DOCTYPE属性是文档声明属性可以告诉网页当前语言使用的是什么版本，比如下面 --> <!DOCTYPE HTML> <!-- HTML默认为HTML5，所以我们直接<!DOCTYPE HTML> --> <!-- 这是HTML语言的注释格.原创 2021-10-04 10:19:55 · 645 阅读 · 2 评论 -
HTML常用标签大全
HTML常用标签前言：格式<标签名>注释格式<--注释内容-->基础标签DOCDYPE 表示HTML文档开始meta提供关于文档信息head 表示文档的元数据title设置文档标题link表示引用的css外部资源html 表示文档中HTML部分的开始body表示HTML文档内容noscript包含浏览器禁用脚本或不支持脚本时显示的内容style定义css样式base设置相对URL基础 让HTML文档...原创 2021-10-03 15:32:41 · 282 阅读 · 5 评论