![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML从0开始
文章平均质量分 50
小豪boy
这个作者很懒,什么都没留下…
展开
-
Canvas 入门笔记
Canvas 入门笔记原创 2022-04-08 23:20:52 · 623 阅读 · 0 评论 -
HTML面试题
一、如何理解 HTML 语义化?让人更容易读懂(增加代码可读性)。 让搜索引擎更容易读懂 (搜索引擎优化:SEO)。例如下面两段代码:注:右边的代码,即使在没有加载 CSS 的情况下也能呈现较好的内容结构与代码结构,易于阅读。更加详细的解释:理解HTML语义化 - freeyiyi1993 - 博客园。二、块级元素、哪些是内联块(行内块)元素、哪些是内联(行内)元素?每一个网页元素都有一个display属性,用于设置元素显示的类型,通过display属性设...原创 2021-10-16 14:00:31 · 101 阅读 · 0 评论 -
区块标签与语义标签
1.区块标签区块标签 说明 <section> 定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。 <article> 文档的核心文章内容,会被搜索引擎主要抓取。 <aside> 文档的非必要相关内容,比如广告等。 <nav> 导航条 <header> 页头 <main> 网页核心部分 <footer> 页脚原创 2021-08-19 17:27:14 · 168 阅读 · 0 评论 -
<audio>、<video>音频与视频标签
音频标签<audio> 视频标签<video>原创 2021-08-19 16:39:24 · 98 阅读 · 0 评论 -
HTML5的新特性
空白折叠现象 文字与文字之间的多个空格、换行会被折叠成一个空格。 标签“内壁”和文字之间的空格会被忽略。<p>aaa bbb ccc</p><p> www </p> 转义字符 小于号:<。大于号:>。空格(不会被折叠): 。版权符号©:©。...原创 2021-08-13 17:32:26 · 77 阅读 · 0 评论 -
<title>标题标签
标签结构: <title></title> 示例: 代码示例。<title>First HTML Web</title>原创 2021-08-13 17:08:37 · 599 阅读 · 0 评论 -
<meta>元标签
meta标签永远位于head标签的内部 标签结构: <meta> 常用属性: charset、content、name、http-equivcharset:定义文档的字符编码(常用的UTF-8、gb2312(gbk))。content:定义与 http-equiv 或 name 属性相关的元信息。name:把 content 属性关联到一个名称。http-equiv:把 content 属性关联到 HTTP 头部。...原创 2021-08-13 17:03:31 · 185 阅读 · 0 评论 -
<div>盒子标签
div标签对用来将相关的内容组合到一起,以和其他内容分割,使文档结构更加清晰。 标签结构: <div>xxx<div> 示例: 代码示例。<!-- 该标签相当于是一个容器,只有结合css才可以充分的显示出它的作用,这里的简单示例无法看出其效果。--><div > 第一个盒子</div><div> 第二个盒子</div>...原创 2021-08-13 16:47:47 · 352 阅读 · 0 评论 -
<form>表单标签
标签基本结构: <form> <label>111</label></form> 表格中常用的几种标签: label、input、select、option、textarea、buttonlabel:为input标签定义标记信息。input:最重要的表单元素,可以根据不同的type属性,变化为多种形态。select:定义下拉列表。option:定义列表中待选择的选项。textarea...原创 2021-08-08 12:19:35 · 927 阅读 · 0 评论 -
<table>表格标签
标签基本结构: <table> <tr> <td>111</td> </tr></table> 表格中常用的几种标签: caption、tr、th、td、thead、tbody、tfootcaption:设置表格标题。tr:设置表格的行。th:设置表格的列(内容会加粗居中显示)。td:设置表格的列(内容不会加粗居中显示)。thead、tbody、tfoo...原创 2021-08-05 20:54:07 · 751 阅读 · 0 评论 -
<li>列表标签
标签结构: 1.无序列表<ul><li></li></ul> 2.有序列表<ol><li></li></ol> 示例: 1.无序列表<html> <head> <title>First HTML Web</title> </head> <bod...原创 2021-07-05 11:40:19 · 7243 阅读 · 0 评论 -
<a name=“maodian“>锚点标签
标签结构: <a name="name"></a> 常用属性: name:设置锚点的名称。 示例: 锚点必须先定义,再使用。 1.定义示例<a name="first page">锚点一</a> 2.使用示例<a href="#first page">锚点一</a> 注:在锚点名称前面加上“#”...原创 2021-07-05 11:23:00 · 430 阅读 · 0 评论 -
<a>超级链接标签
标签结构: <a></a> 常用属性: href: 链接地址(本地网页、外部网页、图片等) target: _blank(在新的窗口打开)、_parent(在父窗口打开)、_self(在当前窗口打开)等 示例: 1.本地网页测试:<!--这是第一个网页的代码--><html> <head> <title>First HTML Web...原创 2021-06-26 17:51:08 · 232 阅读 · 0 评论 -
<img />图片标签
标签结构: <img src="" alt="" /> 常用属性: src: 图片的路径 alt: 图片加载失败的提示(若图片正常加载则不显示) width: 设置图片的宽度 height:设置图片的高度 示例 图片:<img src="image/xiaowu.jpg" alt="not find" width="200px" height="400px" /> ...原创 2021-06-26 16:50:43 · 83 阅读 · 0 评论 -
<h1>标题标签
标签结构: <h1></h1> 示例: 该标签用于定义标题头的六种不同文字大小。<h1>标题1</h1><h2>标题2</h2><h3>标题3</h3><h4>标题4</h4><h5>标题5</h5><h6>标题6</h6>...原创 2021-06-26 16:19:03 · 201 阅读 · 0 评论 -
<!-- -->注释标签。
标签结构: <!-- --> 示例: 注释代码是对程序代码的解释说明,以增加程序的可读性。<!--这是一段注释--><p>上面的注释在网页中不显示。</p>原创 2021-06-26 15:59:56 · 399 阅读 · 0 评论 -
<p>段落标签
标签结构: <p></P> 示例: 该标签用于定义一个段落,段落与段落之间会存在空行。<p>我是第一个段落。</P><p>我是第二个段落。</P> 不使用段落标签的效果:我是第一个段落。我是第二个段落。 备注: 与的区别:标签需要结束标签,而不需要。 标签的主要作用是换行,不会添加段落间隔。...原创 2021-06-26 15:42:15 · 494 阅读 · 0 评论 -
<font>字体标签
标签结构: 常用属性: 设置字体>face;设置颜色>color;设置大小>size。 示例: 字体大小设置,设置范围“1-7”,大于“7”时,按“7”时字体的大小显示,小于等于“0”时,字体大小与“1”时相同。 <font size="1"> 这是我的第一个HTML文件</font><font size="5"> 这是我的第一个HTML文件<...原创 2021-06-26 11:33:01 · 1033 阅读 · 0 评论 -
HTML的骨架
什么是HTML?全称:Hyper Text Markup Language(超文本标记语言)基本机构如下:分为三个部分:html>head>body<html> <head> <title>Hello World</title> </head> <body> Hello World </body></html...原创 2021-06-26 09:59:08 · 104 阅读 · 0 评论