前端html知识

最新推荐文章于 2023-03-02 20:40:05 发布

不豫

最新推荐文章于 2023-03-02 20:40:05 发布

阅读量73

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_44912697/article/details/100599387

版权

前端专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">  
<!-- zh-CN -->
<head>
	<meta charset="utf-8">
	<title>个人主页</title>
</head>
<body>
	hhhhhhh!
	hashai
	<!-- 网页显示内容 -->
	
	<h1>这是一级标签</h1>
	<h2>这是二级标签</h2>
	<h6>这是六级标签</h6>

	<p>&nbsp;&nbsp;nbsp（字符实体）空格不太精确，这是p标签（也就是段落），如果想要换行要用<br>或者<br />知道吗</p>
	<!-- 段落标签中的首行空格，浏览器不识别，段落中的空格只能识别一个 -->
	<p>10>5,容易误认'>',故写作10 &gt; 5,10 &lt;79</p>
	
	<em>em标签 行内元素 表示语气中的强调词，效果是斜体</em>
	<i>i标签 行内元素 表示专业词汇，效果是斜体<br></i>
	<b>b标签表示强调词<br></b>
	<strong>strong表示非常重要的内容<br></strong>

	html快标签<br>
	<div>
		可用放入文字，与p标签相比，结束没有换行
		<p>也可以嵌套p标签</p>
		<div>也可以嵌套div标签</div>


	</div>

	插入图片<br>
	<img src="images/1.png" alt="电脑图片">
	<br>alt属性可以用于爬虫爬取名字<br>
	<img src="./images/12.jpg" alt="不知道是啥">
	<br>
	<!-- <img src="F:\360downloads\507473725.jpg"> -->

	<br>链接<br>
	<a href="xhtml文档练习.html" title="title是标题">xhtml页面</a>
	<br>图片链接<br>
	<a href="http://baidu.com"><img src="images/1.png" title="baidu"></a>
	<br>
	<a href="#">返回到顶部</a>


	<br>列表标签<br>
	<i>有序列表</i>
<!-- ol>li*3  Tab-->
	<ol>
		<li>ooo</li>
		<li>aas</li>
		<li>das</li>
	</ol>
	<br><i>无序列表</i>
	<!-- ul>(li>a{新闻标题})*3 Tab  -->
	<ul>
		<li><a href="#">新闻标题1</a></li>
		<li><a href="">新闻标题2</a></li>
		<li><a href="">新闻标题3</a></li>
	</ul>
	<br><i>定义列表</i>
	<dl>
		<dt>html
			<dd>结构</dd>
		</dt>
		<dt>css
			<dd>表现</dd>
		</dt>
		<dt>js
			<dd>行为</dd>
		</dt>
	</dl>

	表格
	<table border="1" width="400" height="300" align="center">
		<tr>
			<th>表头1</th>
			<th>表头2</th>
			<th>表头3</th>
		</tr>
		<tr>
		<td align="center">1</td>
		<td align="left">2</td>
		<td align="right">3</td>
		</tr>
		<tr>s
		<td valign="middle" >1</td>
		<td valign="top">2</td>
		<td valign="bottom">3</td>
		</tr>
		<tr>
		<td >1</td>
		<td >2</td>
		<td >3</td>
		</tr>
	</table>




</body>
</html>

不豫

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端html知识

<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title>个人主页</title></head><body> hhhhhhh! hashai <!-- 网页...
复制链接

扫一扫