![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
destiny_JL
这个作者很懒,什么都没留下…
展开
-
html_元素、id、类、分组、通配、分组选择器
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>常用选择器</title> <style type="text/css"> /*为页面中的所有的p元素,设置一个字体颜色为红色*/ /* * 元素选择器 * 作用:通过元素选择器可以选则页面中的所有指定元素 * 语法:标签名 {} */原创 2021-01-13 10:23:07 · 283 阅读 · 0 评论 -
html_块和内联
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- 块元素和内联元素 div就是一个块元素, 所谓的块元素就是会独占一行的的元素,无论他的内容有多少 他都会独占一整行。 p h1 h2 h3 ... di原创 2021-01-13 10:07:26 · 93 阅读 · 0 评论 -
html_css样式
<!doctype html><html> <head> <meta charset="utf-8" /> <title>CSS</title> <!-- 内部样式表 也可以将CSS样式编写到head中的style标签里 将样式表编写的style标签中,然后通过CSS选择器选中指定元素 然后可以同时为这些元素一起设置样式,这样可以使样式进一步的复用 将样式表编写到style标签原创 2021-01-12 11:41:52 · 210 阅读 · 1 评论 -
html_超链接
<!doctype html><html> <head> <meta charset="utf-8" /> <title>超链接</title> </head> <body> <h1>我是demo04</h1> <!-- 使用超链接可以让我们从一个页面跳转到另一个页面 使用a标签来创建一个超链接 属性: href:指向链接跳转的目原创 2021-01-12 11:21:25 · 84 阅读 · 0 评论 -
html_内联框架
<!doctype html><html> <head> <meta charset="utf-8" /> <title>内联框架</title> </head> <body> <h1>我是demo03</h1> <!-- 使用内联框架可以引入一个外部的页面 使用iframe来创建一个内联框架 属性: src :指向一个外部页原创 2021-01-12 11:19:04 · 388 阅读 · 1 评论 -
html_语法格式
<!doctype html><html> <head> <meta charset="utf-8" /> <title>xHtml的语法规范</title> </head> <body> <!-- 1.HTML中不区分大小写,但是我们一般都使用小写 --> <!-- 2.HTML中的注释不能嵌套 --> <!--原创 2021-01-12 11:16:28 · 208 阅读 · 0 评论 -
html_meta关键字描述与重定向
<!doctype html><html> <head> <meta charset="utf-8" /> <title></title> <!-- 使用meta标签还可以用来设置网页的关键字 --> <meta name="keywords" content="HTML5,JavaScript,前端,Java" /> <!-- 还可以用来指定网页的描述原创 2021-01-12 10:37:34 · 223 阅读 · 0 评论 -
html_三种常见格式的特点
<!doctype html><html> <head> <meta charset="utf-8" /> <title>图片标签</title> </head> <body> <!-- src属性配置的是图片的路径,目前我们所要使用的路径全都是相对路径。 相对路径: 相对路径指相对于当前资源所在目录的位置 <img src="abc/bcd原创 2021-01-12 10:27:22 · 173 阅读 · 0 评论 -
html_img标签
<!doctype html><html> <head> <meta charset="utf-8" /> <title>图片标签</title> </head> <body> <!-- 使用img标签来向网页中引入一个外部图片, img标签也是一个自结束标签 属性: src:设置一个外部图片的路径 alt:可以用来设置在图片不能显示时,对图片原创 2021-01-12 10:25:29 · 121 阅读 · 0 评论 -
html_实体
<!doctype html><html> <head> <meta charset="utf-8" /> <title>实体</title> </head> <body> <!-- 在HTML中,一些如< >这种特殊字符是不能直接使用, 需要使用一些特殊的符号来表示这些特殊字符,这些特殊符号我们称为实体(转义字符串) 浏览器解析到实体时,会自动将实体原创 2021-01-12 10:03:05 · 67 阅读 · 0 评论 -
html_H5声明与utf-8声明
<!-- h5的文档声明,声明当前的网页是按照HTML5标准编写的 编写网页时一定要将h5的文档声明写在网页的最上边 如果不写文档声明,则会导致有些浏览器会进入一个怪异模式, 进入怪异模式以后,浏览器解析页面会导致页面无法正常显示,所以为了避免进入该模式,一定要写文档声明--><!doctype html><html> <head> <title>这是一个非常好的网页</title> </head>原创 2021-01-12 09:50:23 · 995 阅读 · 0 评论 -
html_标签与属性
<!-- html根标签,一个页面中有且只有一个根标签,网页中的所有内容都应该写在html根标签中--><html> <!-- head标签,该标签中的内容,不会在网页中直接显示,它用来帮助浏览器解析页面的 --> <head> <!-- title网页的标题标签,默认会显示在浏览器的标题栏中 搜索引擎在检索页面时,会首先检索title标签中的内容 它是网页中对于搜索引擎来说最重要的内容,会影响到网页在搜原创 2021-01-12 09:44:59 · 131 阅读 · 0 评论 -
HTML_结构
<!-- html根标签,一个页面中有且只有一个根标签,网页中的所有内容都应该写在html根标签中--><html> <!-- head标签,该标签中的内容,不会在网页中直接显示,它用来帮助浏览器解析页面的 --> <head> <!-- title网页的标题标签,默认会显示在浏览器的标题栏中 搜索引擎在检索页面时,会首先检索title标签中的内容 它是网页中对于搜索引擎来说最重要的内容,会影响到网页在.原创 2021-01-11 09:54:13 · 144 阅读 · 0 评论 -
HTML_img
<!-- src属性配置的是图片的路径,目前我们所要使用的路径全都是相对路径。 相对路径: 相对路径指相对于当前资源所在目录的位置 <img src="abc/bcd/2.gif" alt="这是一个大松鼠"/> 可以使用../来返回一级目录,返回几级目录就写几个../ <img src="../../img/2.gif" alt="这是一个大松鼠"/> --> <img src="../img/2.g..原创 2021-01-11 09:53:20 · 104 阅读 · 0 评论