HTML 学习笔记标签的应用

最新推荐文章于 2022-04-15 15:28:02 发布

葬歌倾城

最新推荐文章于 2022-04-15 15:28:02 发布

阅读量319

点赞数

分类专栏： HTML 文章标签： html

本文链接：https://blog.csdn.net/qq1084517825/article/details/118897156

版权

HTML 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

前言:本文章只作为自己学习使用,很多东西都是看视频学到的或者自己理解的,不全面的地方忘指正
新建一个文本,并修改后缀为.html 这样写的html脚本就可以直接在默认的浏览器中显示出来了

html不分大小写,个人比较喜欢哪一种就用哪一种,尽量不要同时穿插大小写,因为别人一时半会看不懂…
编写html时最好每编写完成一部分就保存打开验证一下有没有达到效果,因为html是解释性语音不会想C#那样自己报错的.

<html>
	<head>
		<title>我是标题</title>
	</head>
	<body>
		我是内容
	</body>
</html>

在这里插入图片描述

html文件也是一种网页文件,一般都是标题加内容组成的

<html>
	<head>
		<title>我是标题</title>
	</head>
	<body>
		<!-- 内容标题最多只有6个 -->
		<h1> 内容标题1</h1>
		<h2> 内容标题2</h2>
		<h3> 内容标题3</h3>
		<h4> 内容标题4</h4>
		<h5> 内容标题5</h5>
		<h6> 内容标题6</h6>

		<p>我是内容1</p>
		<p>我是&nbsp&nbsp&nbsp&nbsp内容2</p>
		<p>爆款特卖只要<font size= "7" color="red">998</font></p>
		
		<img src="C:\Users\88505\Desktop\2.png" alt="不好意思没有" width="300px" height="250px"/>
	</body>
</html>

在这里插入图片描述

html基础标签

html基本结构                     <html></html>
段落标签                         <p></p>
空格标签                         &nbsp
标题标签                         <h#>:#=1~6
图片标签                         <img src="..." />
注释标签                         <!-- -->

字体

<b>                              定义粗体文本
<i>                              定义意大利斜体
<tt>                             定义打字机文本(等宽)
<u>                              定义下划线文本
<sup>、<sub>              		 定义上下标
<s>                              定义加删除线的文本

文档格式标签

<hr/>                             html水平线
<br/>                             html拆行
html中的特殊符号                  >(&gt)、<(&glt)、&(&amp)、空格(&nbsp)

<html>
	<head>
		<title>我是标题</title>
	</head>
	<body>
		<a href="http://www.baidu.com" target = "_self">百度</a>
		<p>无序排列</p>
		<ul type="circle">
			<li>星期1</li>
			<li>星期2</li>
			<li>星期3</li>
			<li>星期4</li>
			<li>星期5</li>
			<li>星期6</li>
			<li>星期7</li>
		</ul>
		<p>有序排列</p>
		<ol type="A">
			<li>星期1</li>
			<li>星期2</li>
			<li>星期3</li>
			<li>星期4</li>
			<li>星期5</li>
			<li>星期6</li>
			<li>星期7</li>
		</ol>
		<p>自定义排序</p>
		<dt>星期总数</dt>
		<dd>星期1</dd>
		<dd>星期2</dd>
		<dd>星期3</dd>
		<dd>星期4</dd>
		<dd>星期5</dd>
		<dd>星期6</dd>
		<dd>星期7</dd>
	</body>
</html>