htmlday1

最新推荐文章于 2026-07-02 16:02:29 发布

原创最新推荐文章于 2026-07-02 16:02:29 发布 · 655 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

基本语法

这篇博客介绍了HTML的基本元素，包括一级至六级标题、段落、行内元素`span`、加粗`b`和斜体`i`的使用。同时讲解了如何插入图片和设置超链接，包括`img`标签的`src`属性以及`a`标签的`href`和`target`属性。此外，还展示了如何通过`a`标签创建文字和图片超链接。

</head>
<body>
	<!-- 1.标题标签:h1~h6 -->
	<h1>一级标题</h1>
	<h2>二级标题</h2>
	<!-- 2.段落标签 -->
	<p>fsjfshfhjhfhsj</p>
	<!-- 3.行内文字标签:span -->
	<span>张阿士大夫撒积分</span>
	<span>上打分技术附件</span>
	<!-- 4.加粗和倾斜:b/i -->
	<b>dfsfjjs</b>
	<i>sdfjdsfjksjfdjfj</i>
	<p>sdfdkdsjkfjd<i><b>救命啊</b></i>dsfsffsf</p>
	<!-- 5.图片标签:img
	      src属性:本地图片或者网络图片地址(决定要显示的是哪张图片)-->
	<!-- 显示本地图片 -->
	<img src="./img/11.png" title="本地图片">
	<!-- 显示网络图片 -->
	<img src="http://newstu.1000phone.net/static/img/boy.05db5bd.pngs">
	<!--5.超链接:a-->
	<!-- a href="跳转地址"可见内容</a> -->
	<!-- target属性 - 跳转方式；_self(默认值,直接在当前网页中加载新的界面)、_blank(在新的窗口中加载新的页面) -->
	<!-- href属性 - 跳转地址 
	       情况一:网页地址  -  跳转到新的网页
		   情况二:本地html文件路径 -  打开本地页面(本地跳转)
		   情况三:id选择器 - 网页精确定位-->
		   
		   <!-- 文字超链接 -->
	<a href="https://www.baidu.com" target="_blank">百度</a>
	<!-- 图片超链接 -->
	<a href="https://www.baidu.com">百度
	<img src=./img/11.png"></a>
	<br>
	<a href="text.html">第一张</a>
	<br>
	<a id="i3" href="index.html">第二张</a>
	<a href="#i3">回到顶部</a>
</body>

标签

#python