html标签参考手册 学生个人网页制作html
大家好，html标签参考手册相信很多的网友都不是很明白，包括学生个人网页制作html也是一样，不过没有关系，接下来就来为大家分享关于html标签参考手册和学生个人网页制作html的一些知识点，大家可以关注收藏，免得下次来找不到哦，下面我们开始吧！
请写出至少20个html标签,并说说各个标签的功能或作用。
Basic tags基本标签
<html></html> Creates an HTML document创建一个HTML文档
<head></head> Sets off the title and other
information that isn't displayed
on the Web page itself设置文档标题以及其他不在WEB网页上显示的信息
<body></body> Sets off the visible portion of
the document设置文档的可见部分
Header tags
标题标签
<title></title> Puts the name of the document
in the title bar将文档的题目放在标题栏中
Body attributes
文档整体属性
<body bgcolor=?> Sets the background color,
using name or hex value设置背景颜色，使用名字或十六进制值
<body text=?> Sets the text color, using
name or hex value设置文本文字颜色，使用名字或十六进制值
<body link=?> Sets the color of links,
using name or hex value设置链接颜色，使用名字或十六进制值
<body vlink=?> Sets the color of followed
links, using name or hex value设置已使用的链接的颜色，使用名字或十六进制值
<body alink=?> Sets the color of links on click设置正在被击中的链接的颜色，使用名字或十六进制值
Text tags
文本标签
<pre></pre> Creates preformatted text创建预格式化文本
<h1></h1> Creates the largest headline创建最大的标题
<h6></h6> Creates the smallest headline创建最小的标题
<b></b> Creates bold text创建黑体字
<i></i> Creates italic text创建斜体字
<tt></tt> Creates teletype, or
typewriter-style text创建打字机风格的字体
<cite></cite> Creates a citation, usually
italic创建一个引用，通常是斜体
<em></em> Emphasizes a word(with italic
or bold)加重一个单词（通常是斜体加黑体）
<strong></strong> Emphasizes a word(with italic
or bold)加重一个单词（通常是斜体加黑体）
<font size=?></font> Sets size of font, from 1 to 7设置字体大小，从 1到 7
<font color=?></font> Sets font color, using name or
hex value设置字体的颜色，使用名字或十六进制值
..........
看参考资料吧很全
Html5新增的标签有哪些
新增的结构标签：
1、header元素
表示页面中一个内容区块或真个页面的标题。
2、hgroup元素
表示对真个页面或页面中的一个内容区块的标题进行组合。
3、article元素
表示页面中一块与上下文不相关的独立内容。比如一篇文章。
4、aside元素
表示article元素内容之外的、与article元素内容相关的辅助信息。
5、footer元素
表示整个页面或页面中一个内容区块的脚注。一般来说，他会包含创作者的姓名、创作日期以及创作者的联系信息。
Thymeleaf参考手册(七):条件评估
Thymeleaf的条件评估功能主要通过th:if、th:unless和th:switch/th:case属性实现，用于根据条件动态控制模板内容的渲染。以下是对这些特性的详细说明和示例解析：
1. th:if属性作用：仅在条件为true时渲染当前元素及其子元素。条件评估规则（满足任一即为true）：
值为非空的布尔true、非零数字、非零字符。字符串不为"false"、"off"或"no"（不区分大小写）。非布尔/数字/字符/字符串的非空对象。null或空值时为false。示例解析<a href="comments.html" th:href="@{/product/comments(prodId=${prod.id})}" th:if="${not#lists.isEmpty(prod.comments)}">view</a>逻辑：仅当prod.comments非空时，渲染<a>标签并生成动态链接。输出效果：若评论为空（如Fresh Sweet Basil），链接不会出现在DOM中。
若评论存在（如Italian Tomato），生成链接/mall/product/comments?prodId=2。
2. th:unless属性作用：与th:if相反，仅在条件为false时渲染元素。优势：可简化否定逻辑，避免在表达式中使用not。
示例改写<a href="comments.html" th:href="@{/comments(prodId=${prod.id})}" th:unless="${#lists.isEmpty(prod.comments)}">view</a>逻辑等价：与th:if示例完全一致，但通过unless直接表达“非空时渲染”。3. th:switch/ th:case属性作用：实现多分支条件渲染，类似Java的switch-case。规则：
首个匹配的th:case会渲染，其余同级case跳过。默认分支用th:case="*"表示。示例解析<div th:switch="${user.role}"><p th:case="'admin'">User is an administrator</p><p th:case="#{roles.manager}">User is a manager</p><p th:case="*">User is some other thing</p></div>场景：根据user.role的值显示不同文本。若role="admin"，仅渲染第一行。
若role匹配国际化键#{roles.manager}，渲染第二行。
若均不匹配，渲染默认分支（第三行）。
关键注意事项表达式语法：使用OGNL表达式（如#lists.isEmpty()调用工具方法）。
字符串需用单引号包裹（如th:case="'admin'"）。
性能优化：复杂条件建议提前在Controller计算，避免模板中冗余逻辑。
与th:if的优先级：th:switch会整体控制子元素的渲染，而th:if是逐元素判断。
总结简单条件：用th:if或th:unless控制单个元素的显示/隐藏。多分支条件：用th:switch实现清晰的结构化判断。动态内容：结合th:href等属性生成上下文相关的URL或数据。通过灵活组合这些属性，可以高效实现模板的动态渲染逻辑。
html标签参考手册和学生个人网页制作html的问题分享结束啦，以上的文章解决了您的问题吗？欢迎您下次再来哦！