HTML基础

最新推荐文章于 2024-07-23 20:15:47 发布
最新推荐文章于 2024-07-23 20:15:47 发布
阅读量76 收藏
点赞数
分类专栏： HTML基础 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_27630677/article/details/111566924
版权

HTML基础

字体样式标签

加粗:<strong>...</strong>
斜体:<em>...</em>

<!DOCTYE html>

<html>
	<head>
		<meta charset = "utf-8">
		<title>字体样式标签</title>
	</head>
	
	<body>
		<strong>徐志摩&nbsp;&nbsp;&nbsp;&nbsp;任务简介</strong>
		<p>
			<em>1910</em>年入&quot;杭州&quot;学堂<br/>
			<em>1918</em>年赴美国克拉学习银行学<br/>
			<em>1921</em>年开始&quot;创作&quot;新诗<br/>
			<em>1922</em>年返回后在报刊上发表大量诗文<br/>
			<em>1927</em>年参加创办新月书店
			<br/>
			<br/>
			
			kb11版权所有&copy
		</p>
		
	</body>
</html>

在这里插入图片描述

注释和特殊符号

特殊符号字符实体示例
空格&nbsp；<h1>徐志摩&nbsp;&nbsp;&nbsp;简介<h2>
大于号(>)&gt；如果时间&gt;晚上六点，就坐车回家
小于号(<)&lt；如果时间&lt;早上七点，就走路去上学
引号(")&quot；W3C规范中，HTML的规范中必须用成对的&quot;引起来
版权符号@&copy；&copy;2003-2013北大青鸟

图像标签

<img src="path" alt="text" title="text" width="x" height="y">
属性含义
src图像地址
alt图像的代替文字
title鼠标悬停提示文字
width图像宽度
height图像高度
<!DOCTYPE html>

<html>
	<head>
		<meta charset="utf-8">
		<title>图片</title>
	</head>
	
	<body>
			<img src="file:\\\C:\Users\Administrator\Desktop\timg.jpg" alt="未显示" title="点我去百度">
	
	</body>


</html>

在这里插入图片描述

链接标签

超链接

<a href="path" target="目标窗口位置">链接文本或图像</a>
属性含义
href链接路径
target链接在哪个窗口打开，常用值:_self、_blank
<!DOCTYPE html>

<html>
	<head>
		<meta charset="utf-8">
		<title>超链接</title>
	</head>
	
	<body>
		<a href="http://www.baidu.com">点我去百度</a>
		<hr/>
		<a href="http://www.baidu.com">
			<img src="file:\\\C:\Users\Administrator\Desktop\timg.jpg" alt="未显示" title="点我去百度">
		</a>
	
	</body>


</html>

在这里插入图片描述

锚链接

1.从A页面的甲位置跳转到本页中的乙位置
2.从A页面的甲位置跳转到B页面中的乙位置

<a name="marker">乙位置</a> 创建跳转标记
<a href="#marker">甲位置</a> 创建跳转链接

创建跳转标记

<!DOCTYPE html>

<html>
	<head>
		<meta charset="utf-8">
		<title>锚链接</title>
	</head>
	
	<body>
		<a name= "m1">锚1</a>
		<p>
			<img src="file:\\\C:\Users\Administrator\Desktop\timg.jpg" alt="未显示" title="点我去百度" width="100%">
		</p>
		
		<a name= "m2">锚2</a>
		<p>
			<img src="file:\\\C:\Users\Administrator\Desktop\timg.jpg" alt="未显示" title="点我去百度" width="100%">
		</p>
		
		<a name= "m3">锚3</a>
		<p>
			<img src="file:\\\C:\Users\Administrator\Desktop\timg.jpg" alt="未显示" title="点我去百度" width="100%">
		</p>
		
	
	</body>


</html>

创建跳转链接

<!DOCTYPE html>

<html>
	<head>
		<meta charset="utf-8">
		<title>锚链接</title>
	</head>
	
	<body>
		<a href="target.html/#m1">去往锚1</a>
		<a href="target.html/#m2">去往锚2</a>
		<a href="target.html/#m3">去往锚3</a>
	
	</body>


</html>

在这里插入图片描述在这里插入图片描述

神之子zp
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML基础练习题
weixin_50108821的博客
09-23 1万+
第一题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>嘿嘿嘿</title> </head> <body> <table border="1" cellspacing="0" cellpadding="0"> <tr align="center">
HTML基础知识
12-20
HTML前端网页设计的一些小知识，非常适合初学者学习，
HTML基础知识点
qq_40046544的博客
07-27 8580
网页是一个包含HTML标签的纯文本文件，它可以存放在世界某个角落的某一台计算机中，是万维网中的一页，是超文本标记语言格式。它通常是由图片、文字、链接、声音、视频等元素组成。通过网页浏览器访问。HTML指的是超文本标记语言（HyperTextMarkupLanguage），它是用来描述网页的一种语言。web标准也成为网页标准，它是由一系列标准组成，这些标准大部分由W3C负责定制，也有一些标准由其他标准组织制定。绝对路径指目录下的绝对位置，可以直接到达目标位置，通常从盘符开始的路径。例如D从。...
HTML基础标签
weixin_45348240的博客
03-23 6061
一、HTML介绍 1、什么是HTML? HTML是一门语言，所有的网页都是用HTML这门语言编写出来的。HTML(HyperText Markup Language):超文本标记语言。 超文本：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频等内容。 标记语言：由标签构成的语言 HTML运行在浏览器上，HTML标签由浏览器来解析 HTML标签都是预定义好的。例如:使用< img>展示图片 2、W3C标准:网页主要由三部分组成 结构:HTML 表现:css 行为:
全网最全HTML基础
a1085653724的博客
04-20 5052
1.HTML结构 认识 HTML 标签 ，HTML 代码是由 "标签" 构成的。 形如: <body>hello</body> (1).标签名(body)放到<>中. (2).大部分标签成对出现,<body>为开始标签,</body>为结束标签. (3).少数标签只有开始标签, 称为 "单标签". (4).开始标签和结束标签之间, 写的是标签的内容.(hello everyone) (5).开始标签中可能会带有 "属性". id
HTML零基础入门教程（详细）
热门推荐
ZONGXP的博客
10-22 22万+
HTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。 HTML 指的是超文本标记语言:HyperTextMarkupL...
头歌-HTML基础
somewon的博客
03-06 9973
四川师范大学 头歌 web应用开发
HTML基础 - HTML表格
qq_45383769的博客
04-07 1万+
HTML基础 - HTML表格 1.无表头的表格 <table> <tr> <td> <table>标签代表的是表 <tr>标签代表的是行 <td>标签代表的是列 在html页面中的表格来着，就和excl的表格不一样喽，咱自己有自己的规则： 这就是没有表头，也就是最简单的一个表格。（设置了边框为1 ：border= “1”） 2.有表头的表格 <th> <th>表示就是表头了哦，字体是加粗居中显示的
web前端开发（一）—HTML基础
mdxiaohu的博客
07-31 10万+
  目录 web前端简介 什么是HTML？ HTML标签 HTML基本结构 HTML 段落标签 HTML 换行标签 HTML标题 HTML 水平线 HTML注释 HTML 标签 HTML 列表标签 HTML表格 HTML超链接 HTML 图片 HTML表单 表单元素-文本、密码框 表单元素-多行文本框 表单元素-选择框 表单元素-下拉选择框 表单元素-按钮...
HTML基础笔记
02-06
HTML 基础知识笔记HTML 基础知识笔记HTML 基础知识笔记HTML 基础知识笔记
html基础教程
07-22
资源名称：html基础教程内容简介：HTML基础-第一讲HTML基础-第二讲HTML基础第三讲---字体HTML基础第四讲---图像HTML基础第五讲---控制表格及其表项的对齐方式HTML基础第六讲---表格HTML基础第七讲---框架HTML基础第...
Html基础文档
09-13
HTML 免费
HTML、CSS、JS浅浅浅浅浅解
lbdking的博客
07-20 1499
初识Web web标准 web标准也被称为网页标准，由一系列的标准组成，大部分由W3C（World Wide Web Cnsortium，万维网联盟）负责制定。 三个组成部分 HTML:负责网页的结构（页面元素和内容）。 CSS：负责网页的表现（页面元素的外观，位置等页面样式，如：颜色、大小等）。 JavaScript：负责网页的行为（交互效果）。 HTML HTML：超文本标记语言 超文本：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片，音频，视频等内容。 标记语言：由标签构
黑马JavaWeb企业级开发（知识清单）01——前端介绍，HTML实现标题：排版
apple_68589597的博客
07-21 949
本篇文章是2023年最新黑马JavaWeb企业级开发（知识清单）01：前端介绍、html实现标题格式内容的总结，帮助需要学习Web开发的朋友温故而知新。
如何让一个html文件让用户看到？
专注于全栈开发领域
07-23 658
首先，我们需要创建一个简单的 HTML 文件，其内容为 “Hello, World!然后，我们将使用 Nginx 来部署这个静态文件，并配置它，以便可以通过服务器的地址直接访问这个网页。
HTML(五）——HTML区块，布局
最新发布
m0_62701594的博客
07-23 236
HTML可以通过 <div> 和 <span>将元素组合起来，可以来布局，就是盒子，div是块级盒子，里面 可以放任何东西，span里面装的是文本。
HTML基础：表单标记详解
本章节详细介绍了HTML基础知识中的表单标记，这是网页设计和交互的重要组成部分。HTML (HyperText Markup Language) 是一种描述性标记语言，非编程语言，主要用于构建网页结构和呈现内容。表单标记`<form>`是HTML的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值