我的第一篇csdn,一起来学html,先做一个小网站

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>这是一个标题</title>
	</head>
	<body>
		<h1>我的第一个标题</h1>
		<h2>我的第二个标题</h2>
		<h3>我的第三个标题</h3>
		<p>我的第一个段落</p>
		<p>我的第二个段落</p>
		<ol type="i">
			<li>zkj</li>
			<li>zkj</li>
		</ol>
		<!--有序列表,排序方式为i,ii,iii-->
		<ul type="circle">
			<li>zkj</li>
			<li>zkj</li>
		</ul>
		<!--无序列表-->
		<hr>
		<hr color="#FF0000" size="3" width="80%" align="left">
		<!--横线-->
		&nbsp;
		<!--空格-->
		<span>1111
		1111</span>
		<!--span标签不会自动换行-->
		<div style="width: 500px;height: 100px;" align="center" id="aa">
				div标签
			</div>
		<!--div标签
		style类型设置 宽,高 		align设置对齐-->
		<font color="#EE7E32" size="5" face="楷体">格式化标签</font>
		<!--font 标签color颜色,size字号大小,face字体-->
		<pre >
			<b>预</b><i>格</i><u>式</u><del>化</del><sup>标</sup><sub>签</sub>
			
			
		</pre>
		<!--预格式化标签,提前设置格式,b加粗,i倾斜,u下划线,del中划线,sup上标,sub下标-->
		<a href="https://www.bilibili.com/video/BV1sf4y1k7dr?p=3&spm_id_from=pageDriver">11111</a>	
		<!--a标签,超链接标签,href=“”表示连接的网站
				target设置新网站的产生方法,_self原网站生成_blank新页面生成-->
		<a href="#">回到顶部</a>
		<!--第二个作用——作为锚点
			像上面,点击“回到顶部”就会跳转到页面顶部
		-->
		<a href="#aa">跳转到div标签</a>
		<!--第二个作用——作为锚点
			像上面,点击“跳转到div标签”就会跳转到页面div处
		-->
		<br />
		<a href="zzuli.html">
		<img src="/img/111.jpg" alt="出错" title="000" width="300" height="500">
		<!--img 引入图片
			src为引入图片的地址
			alt当图片无法显示是的占位文字
			title 当鼠标悬停时显示的文字
			width 图片的宽
			height 图片的高
			border 图片的边框
		-->
		</a>
		<br />
		<table border="2" align="center" style="border-collapse: collapse;">
			<tr >
				<th>姓名</th>
				<th>学号</th>
				<th>年级</th>
			</tr>
			<tr align="center"  bgcolor="#08958F">
				<td>张三</td>
				<td>1111</td>
				<td>1</td>
			</tr>
			<tr>
				<td>李四1111</td>
				<td>2222</td>
				<td>2</td>
			</tr>
			<tr>
				<td>王五</td>
				<td>3333333333333333</td>
				<td>10</td>
			</tr>
			
		</table>
		<!--
			表格标签
			table  	表格
			tr 		行
			td 		标准单元格
			th 		表头
			table的属性
				width  宽度
				border  边框
				align 	对齐方式
				style="border-collapse: collapse;"合并边框(了解)
			tr属性
				align 对齐方式
				bgcolor 背景颜色
			-->
	</body>
</html>

一些基础语法都有注释<!--    -->里面的内容就是注释啦

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值