百里屠苏top - 博客园

2025年2月26日

摘要：一、HTML5和HTML HTML5是 HTML 最新的修订版本，2014年10月由万维网联盟(W3C)完成标准制定。在 HTML5出现之前，我们一般采用 DIV+CSS 布局我们的页面。但是这样的布局方式不仅使我们的文档结构不够清浙，而且不利于搜索引擎爬虫对我们页面的爬取。为了解决上述缺点，HT 阅读全文

posted @ 2025-02-26 11:53 百里屠苏top 阅读(38) 评论(0) 推荐(0)

No.11 HTML5--块元素和行内元素（内联元素）

摘要：一、元素分类 HTML5出现之前，经常把元素按照块级元素和内联元素来区分。在HTML5中，元素不再按照这种方式来区分，而是按照内容模型来区分，分为元数据型(meladataconient)、区块型(sectioningcontent)、标题型(heading content)、文档流型(fow c 阅读全文

posted @ 2025-02-26 11:27 百里屠苏top 阅读(51) 评论(0) 推荐(0)

No.10 HTML5--Form表单

摘要：一、表单表单在 Web 网页中用来给用户填写信息，从而能采用户信息，使网页具有交互的功能。所有的用户输入内容的地方都用表单来写，如登录注册、搜索框。表单是由容器和控件组成的,一个表单一般应该包含用户填写信息的输入框,提交按钮等，这些输入框,按钮叫做控件,表单就是容器,它能够容纳各种各样的控件。阅读全文

posted @ 2025-02-26 11:12 百里屠苏top 阅读(33) 评论(0) 推荐(0)

2025年2月25日

No.9 HTML5--表格标签

摘要：一、表格标签构成表格：<table></table> 行：<tr></tr> 单元格（列）：<td></td> <body> <table border="1" width="400px" height="200px"> <tr> <td>1</td> <td>2</td> <td>3</td> 阅读全文

posted @ 2025-02-25 16:49 百里屠苏top 阅读(46) 评论(0) 推荐(0)

No.8 HTML5--列表标签（有序和无序）

摘要：一、列表标签——有序列表（ol+li）所谓有序列表，是指按照数字或字母顺序排列列表项目。有序列表始于<ol>标签, 每个列表项始于<li>标签. 1.1 代码示例 <body> <h1 align="center">我的第一个网页</h1> <h2>照片</h2> <p>衡阳旅游</p> <im 阅读全文

posted @ 2025-02-25 16:07 百里屠苏top 阅读(82) 评论(0) 推荐(0)

No.7 HTML5--文本标签

摘要：一、概念用于包裹:词汇、短语等。通常写在排版标签里面。排版标签更宏观(大段的文字)，文本标签更微观(词汇、短语)。文本标签通常都是行内元素。二、常用的文本标签（双标签）三、不常用的文本标签（双标签）阅读全文

posted @ 2025-02-25 15:12 百里屠苏top 阅读(23) 评论(0) 推荐(0)

No.6 HTML5--超文本链接标签

摘要：一、超链接描述<a></a> HTML使用标签<a>来设置超文本链接. 超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。输入a,回车，就出现： <a href=""></a> 1.超链接属性 href=" " 描述链接的地址。阅读全文

posted @ 2025-02-25 15:02 百里屠苏top 阅读(47) 评论(0) 推荐(0)

No.5 HTML5--图片标签

摘要：引言图片是网站中最多的元素。一、图片标签<img>（单标签） 1. 输入img,回车，就会显示 <img src="" alt=""> 2.代码示例 <body> <h1 align="center">我的第一个网页</h1> <h2>照片</h2> <p>衡阳旅游</p> <img src=" 阅读全文

posted @ 2025-02-25 11:56 百里屠苏top 阅读(46) 评论(0) 推荐(0)

No.4 HTML5--标签之段落换行、水平线

摘要：主要内容：段落 p 换行 br 水平线 hr 一、段落标签<p></p> 1.快速打出<p></p>：输入“p”,Tab键。 2.代码示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="vie 阅读全文

posted @ 2025-02-25 10:59 百里屠苏top 阅读(127) 评论(0) 推荐(0)

No.3 HTML5--标题标签

摘要：一、标题介绍与应用 <h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h3> <h4>四级标题</h4> <h5>五级标题</h5> <h6>六级标题</h6> 快捷键：h$*6 回车，自动生成h1-h6 的标签二、VSCode插件快速打开浏览器扩展>搜索open i 阅读全文

posted @ 2025-02-25 10:29 百里屠苏top 阅读(34) 评论(0) 推荐(0)