HTML 学习笔记 标签的应用

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

  1. html不分大小写,个人比较喜欢哪一种就用哪一种,尽量不要同时穿插大小写,因为别人一时半会看不懂…
  2. 编写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>

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值