2025-02-13 10:03阅读: 19评论: 0推荐: 0

HTML - 1、基础

 <!DOCTYPE html>
<!-- 指定网页内容的语言 -->
<html lang="en">
 
<head>
    <!-- 字符编码 -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>页面标题</title>
    <style>
        span{
            color: red;
        }
    </style>
</head>
 
<body>
    <!-- 文字滚动
    loop="1" 只播放一次 
    loop="infinite" 无限循环 -->
    <marquee loop="1"> 文字滚动 ... </marquee>
    <!-- 输入框 -->
    <input type="text">
    <!-- 标签 -->
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>
    <div>
        <p>段落</p>
    </div>
 
    <!-- 块级元素，特点：独占一行 -->
    <marquee>滚动1</marquee>
    <marquee>滚动2</marquee>
    <h1>一级标题</h1>
    <h1>一级标题</h1>
    <p>这是一个段落</p>
    <p>这是一个段落</p>
    <div>块元素</div>
    <div>块元素</div>
 
    <!-- 行内元素，特点：不独占一行 -->
    <input type="text">
    <input type="text">
    <span>行内元素</span>
    <span>行内元素</span>  
 
    <!-- 规则1：块级元素中能写：行内元素、块级元素（几乎什么都能写） -->
    <div>
        <span>行内元素1</span>
        <input type="text">
        <div>块元素</div>
    </div>
 
    <!-- 规则2：行内元素中能写：行内元素，但不能写：块级元素 -->
    <span>
        <span>行内元素1</span>
        <input type="text">
        <span>行内元素2</span>
    </span>
    <span>行内元素4</span>
 
    <!-- 特殊规则：h1-h6不能互相嵌套 -->
    <h1>
        一段内容
        <h2>一段内容2</h2>
    </h1>
 
    <!-- 特殊规则：p标签中不能写块元素 -->
    <p>
        <h1>一级标题</h1>
    </p>
 
    
</body>
 
</html>

上一篇Spring中@Component注解

本文作者：别晃我的可乐

本文链接：https://www.cnblogs.com/lwehne/p/18712545

posted @ 2025-02-13 10:03 别晃我的可乐阅读(19) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

别晃我的可乐

HTML - 1、基础

公告

最新随笔

我的标签

随笔分类

随笔档案

	<!DOCTYPE html>
	<!-- 指定网页内容的语言 -->
	<html lang="en">

	<head>
	<!-- 字符编码 -->
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>页面标题</title>
	<style>
	span{
	color: red;
	}
	</style>
	</head>

	<body>
	<!-- 文字滚动
	loop="1" 只播放一次
	loop="infinite" 无限循环 -->
	<marquee loop="1"> 文字滚动 ... </marquee>
	<!-- 输入框 -->
	<input type="text">
	<!-- 标签 -->
	<h1>一级标题</h1>
	<h2>二级标题</h2>
	<h3>三级标题</h3>
	<h4>四级标题</h4>
	<h5>五级标题</h5>
	<h6>六级标题</h6>
	<div>
	<p>段落</p>
	</div>

	<!-- 块级元素，特点：独占一行 -->
	<marquee>滚动1</marquee>
	<marquee>滚动2</marquee>
	<h1>一级标题</h1>
	<h1>一级标题</h1>
	<p>这是一个段落</p>
	<p>这是一个段落</p>
	<div>块元素</div>
	<div>块元素</div>

	<!-- 行内元素，特点：不独占一行 -->
	<input type="text">
	<input type="text">
	<span>行内元素</span>
	<span>行内元素</span>

	<!-- 规则1：块级元素中能写：行内元素、块级元素（几乎什么都能写） -->
	<div>
	<span>行内元素1</span>
	<input type="text">
	<div>块元素</div>
	</div>

	<!-- 规则2：行内元素中能写：行内元素，但不能写：块级元素 -->
	<span>
	<span>行内元素1</span>
	<input type="text">
	<span>行内元素2</span>
	</span>
	<span>行内元素4</span>

	<!-- 特殊规则：h1-h6不能互相嵌套 -->
	<h1>
	一段内容
	<h2>一段内容2</h2>
	</h1>

	<!-- 特殊规则：p标签中不能写块元素 -->
	<p>
	<h1>一级标题</h1>
	</p>


	</body>

	</html>