0
点赞
收藏
分享

微信扫一扫

【HTML】02-基础标签

小猪肥 2022-03-12 阅读 129
<!--
块元素和行内元素:
    1.块元素:占据一整行,占据的区域大小和内容无关。
        代表元素:div标签、h标签、p标签、hr标签
    2. 内元素:占据的区域大小和内容有关。
        代表元素:span标签、a标签、strong标签、em标签
基础标签:
    1.h系列标签:标题标签:h1~h6
        align: 对齐方式
        title:提示文本
    2.p标签:段落标签。
        align:对齐方式
        title:提示文本
    3.hr标签:水平线。
        color:颜色,可以填写颜色的单词、颜色的十六进制表示形式
            注意:不要使用颜色rgb表示形式
            参考网址https://www.sioe.cn/yingyong/yanse-rgb-16/
        size:粗细
        width:长度
        align:对齐方式
    4.br标签:换行标签
    5.a标签:超链接标签
        href:点击跳转的页面地址
        target:设置新页面的打开方式,设置_blank会从新的标签打开页面。
    6.b\strong标签:加粗标签。
    7.em标签:斜体标签
    8.marquee标签:文本滚动标签
        direction:滚动方向
        scrollamount:滚送速度
    9.span标签:行内标签的代表,本身没有任何样式效果,方便我们对局部内容追加样式。
    10。div标签:块标签的代表,除了块元素特性以外本身没有任何样式效果,方便我们对局部内容追加样式。
-->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>基础标签</title>
	</head>
	<body>
		<h1 align="left" title="这是h1的提示文本">这是h1</h1>
		<h2 align="right">这是h2</h2>
		<h3 align="center">这是h3</h3>
		<h4>这是h4</h4>
		<h5>这是h5</h5>
		<h6>这是h6</h6>
		
		<h7>这是h7</h7>
		普通文本
		
		<hr/>
		
		<p align="center">HTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定。</p>
		<p>HTML5的设计目的是为了在移动设备上支持多媒体。</p>
		<br><br>
		<p>HTML5 简单易学。</p>
		
		<hr/>
		
		<span style="color: red;">HTML5是<span style="color: blue;">HTML</span>最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定。</span>
		<span>HTML5的设计目的是为了在移动设备上支持多媒体。</span>
		<span>HTML5 简单易学。</span>
		
		<hr color="red" size="7" width="300px" align="left"/>
		<hr color="#EEE" size="7" width="300px" align="left"/>
		<hr color="#EEEEEE" size="7" width="300px" align="left"/>
		<hr color="rgb(255,192,203)" size="7" width="300px" align="left"/>
		
		<a href="http://www.baidu.com">百度一下,你就知道!</a>
		<a href="01默认标签.html" target="_blank">跳转到默认标签页面</a>
		
		<hr/>
		
		<b>你好世界</b>
		<strong>你好世界</strong>
		<em>你好世界</em>
		
		<hr/>
		<marquee direction="down" scrollamount="10">
			<p>HTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定。</p>
			<p>HTML5的设计目的是为了在移动设备上支持多媒体。</p>
			<p>HTML5 简单易学。</p>
		</marquee>
		
		<hr />
		
		<div>hello world</div>
		<div>你好世界</div>
		<span>hello world</span>
		<span>你好世界</span>
		
	</body>
</html>
举报

相关推荐

HTML+CSS学习02-基本标签

html学习笔记02-基础,元素

HTML基础-02-文本格式化

02-组件基础

02-表单&css基础

【JavaSE基础】02-面向对象

day02-HTML基础-继续HTML标签的学习

0 条评论