HTML基础

最新推荐文章于 2025-05-28 23:17:08 发布

Xyl丶

最新推荐文章于 2025-05-28 23:17:08 发布

阅读量92

点赞数 1

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

本文链接：https://blog.youkuaiyun.com/m0_53321597/article/details/112396075

版权

HTML 专栏收录该内容

6 篇文章

订阅专栏

单书名号包裹为标记分为单标记和双标记，标记都由\结束。例<img src="........."\>为单标记，<head>................<\head>为双标记。

但书名号内的内容为属性例如<src>.标记属性等号后面的内容为标记属性值，例如<src=".........">。一个标记中可含有多个标记属性=标记属性值，之间以空格间隔，先后顺序无关。

HTML中用（ctrl+shift+?）来添加注释。

<!DOCTYPE html>
<html>
	<head>
		<link rel="shortcut icon" href="//mat1.gtimg.com/www/icon/favicon2.ico" />
		<meta charset="utf-8" />
		<title>HTML 从入门到入坟</title><!--页面名称-->
	</head>
	<body>
<!--以下几个为行类元素-->
		<img src="img/u=3363295869,2467511306&fm=26&gp=0.jpg"title="喵喵喵"width="300px"height="300px"/><!--插入图片并规定大小，（插入图片也可由src=图片IP地址）-->
		<a href="http://www.baidu.com">百度1</a><!--加入超链接并规定超链接名字，当前模式是在当前窗口打开-->
		<a href="http://www.baidu.com" target="_blank">百度2</a><!--加入超链接并规定超链接名字，当前模式是创建一个新窗口打开-->
		<b>百度</b><!--加粗-->
		<i>百度</i><!--倾斜-->
		<del>百度</del><!--中划线-->
		<span>百度</span><!--普通的但是是一行-->
		
		
		
		
<!--以下几个为块级元素，单独成行-->
		<p>百度</p>
		<div>百度</div>
		<!--h(1-6)为大小，1为最大-->
		<h1 style="text-align: center;">百度</h1><!--style="text-align: center;-->
		<h6>百度</h6>
		
		<!--有序列表，自动排序-->
		<ol>
			<li>语文</li>
			<li>数学</li>
			<li>英语</li>
			<!--li为line缩写是行为单位-->
		</ol>
		
		
		<ol start="3"><!--从3开始-->
			<li>语文</li>
			<li>数学</li>
			<li>英语</li>
		</ol>
		
		<ol start="3" type="I"><!--选择样式-->
			<li>语文</li>
			<li>数学</li>
			<li>英语</li>
		</ol>
		<!--无序列表-->
		<ul>
			<li>语文</li>
			<li>数学</li>
			<li>英语</li>
		</ul>
		
		
		<ul type="square"><!--选择样式-->
			<li>语文</li>
			<li>数学</li>
			<li>英语</li>
		</ul>
	</body>
</html>