HTML和CSS基础学习

3 篇文章 0 订阅
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>冷中宇</title>
	</head>
	<body>
		冷中宇是个大帅哥``
		<!-- 注释 -->
		
		<!-- 标题标签 -->
		<h1>冷中宇是个大帅哥</h1>
		<h2>冷中宇是个大帅哥</h2>
		<a name="maodian"></a>
		<h3>冷中宇是个大帅哥</h3>
		<h4>冷中宇是个大帅哥</h4>
		<h5>冷中宇是个大帅哥</h5>
		<h6>冷中宇是个大帅哥</h6>
		
		<!-- 换行标签 -->
		冷中宇是个大帅哥<br />冷中宇是个大帅哥
		
		<!-- 段落标签 -->
		<p>鉴于当前缅甸国内局势发生变化,中国驻缅甸大使馆紧急提醒在缅中国公民和中资机构密切关注形势发展,提高风险防范意识,严格遵守当地法律法规,不参与任何政治活动。建议适当储备生活必需品,尽量居家,尤其避免赴人群聚集场所。</p><p>鉴于当前缅甸国内局势发生变化,中国驻缅甸大使馆紧急提醒在缅中国公民和中资机构密切关注形势发展,提高风险防范意识,严格遵守当地法律法规,不参与任何政治活动。建议适当储备生活必需品,尽量居家,尤其避免赴人群聚集场所。</p>
		
		<!-- 水平线 -->
		冷中宇是个大帅哥<hr />冷中宇是个大帅哥<br />
		
		<!-- 字体样式标签 -->
		<!-- 加粗 -->
		<strong>冷中宇是个大帅哥</strong><br />(语气上的加强)<br />
		<b>冷中宇是个大帅哥</b><br />(字体样式的加强)<br />
		<!-- 倾斜 -->
		<em>冷中宇是个大帅哥</em><br />
		<i>冷中宇是个大帅哥</i><br/>
		
		<!-- 特殊符号 -->
		<!-- 空格 -->
		冷中宇&nbsp;&nbsp;是个&nbsp;&nbsp;大帅哥<br />
		冷中宇 是个 大帅哥(全角输入也可以当空格)<br />
		<!-- 大于号 -->
		&gt;
		<!-- 小于号 -->
		&lt;
		<!-- 引号 -->
		&quot;&quot;
		<!-- 版权符号 -->
		&copy;<br />
		
		<!-- 图像标签 -->
		格式:JPG&nbsp;GIF&nbsp;PNG&nbsp;BMP&nbsp;<br />
		<img src="img/lzy.jpg" alt="冷中宇" title="冷中宇" width="200" height="280"/><br />
		
		<!-- 链接标签 -->
		<a href="https://www.bilibili.com/video/BV1jt411F757?p=4" target="_blank">前端学习</a><br />
		<a href="img/lzy.jpg">冷中宇</a><br />
		<a href="https://www.bilibili.com/"><img src="img/lzy.jpg" title=" 哔哩哔哩" width="100" height="140"/></a><br />
		<a href="#maodian">跳转</a><br />
		
		<!-- 列表 -->
		<!-- 无序列表 -->
		<ul type="square"><li>冷中宇是个大帅哥</li>
		<li>冷中宇也太帅了吧</li>
		<li>冷中宇怎么可以这么帅</li>
		</ul>
		<ul type="circle"><li><a href="https://hao.lenovo.com.cn/">浏览器</a></li>
		<li><a href="https://blog.csdn.net/qq_52126387?spm=1000.2115.3001.5343">我的博客</a></li>
		<li><a href="https://www.bilibili.com/bangumi/play/ep249483?from=search&seid=7854479256137227993">猫和老鼠</a></li></ul>
		<!-- 有序列表 -->
		<ol type="1"><li>冷中宇是个大帅哥</li>
		<li>冷中宇也太帅了吧</li>
		<li>冷中宇怎么可以这么帅</li></ol>
		<!-- 定义列表 -->
		<dl><dt>首先</dt><dd>冷中宇是个大帅哥</dd>
		<dt>然后</dt><dd>冷中宇也太帅了吧</dd>
		<dt>并且</dt><dd>冷中宇怎么可以这么帅</dd>
		</dl>
		
		<!-- 表格 -->
		<table align="center" border="1" cellspacing="0" cellpadding="3">
			<th>姓名</th><th>性别</th><th>年龄</th>
			<tr>
				<td colspan="2">第一行第一列</td>
				<td rowspan="2">第一行第二列</td>
				<!-- <td>第一行第三列</td> -->
			</tr>
			<tr>
				<td>第二行第一列</td>
				<td>第二行第二列</td>
				<!-- <td>第二行第三列</td> -->
			</tr>
			<tr>
				<td>第三行第一列</td>
				<td>第三行第二列</td>
				<td>第三行第三列</td>
			</tr>
		</table>
	</body>
</html>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<!-- 内部样式 -->
		<style type="text/css">
			p{
				color: blue;
			}
		</style>
		<!-- 外部样式 -->
		<link rel="stylesheet" type="text/css" href="css/styple.css"/>
	</head>
	<body>
		<!-- 行内样式 -->
		<p style=""></p>
		<p>冷中宇是个大帅哥</p>
		<p style="color: pink;">冷中宇是个大帅哥</p>
	</body>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值