HTML 第一天-基础知识

本文详细介绍了HTML的基础语法,包括文档结构、文本格式化、插入图片、创建超链接等基本元素的使用方法,并提供了示例代码。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.显示文本:

<html>
<head>
<meta  charset=UTF-8">//
<title>htmldemo</title>
</head>
<body>
<b>Hello World!</b><br/>
<font size="5" cocor="red">Let's study html now</font></br>
</body>
</html>

<html>:定义html文档。

<meta>:html中的元标签,包含html的相关信息

charset ="UTF-8"  :编码方式,使用UTF-8编码方式,防止中文乱码

<title>: html文档标题

<body>:html文档主题

<b>:定义粗体文本

<img src="http://offlintab.firefoxchina.cn/static/img/search/baidu_web.png" width="100px" alt="我的头像" border="10px" style="border: 2px solid red" title="不知道"></br>

<font>:定义文本字体相关属性. size:字体大小(此处设置字体大小有限制,如需设置较大字体需要使用css),color:设置字体颜色。

</br>:折行显示

 

二:特殊字符

&copy :©

&yen:¥

&nbsp:空格(空格还可以在全角的键盘输入下使用空格键)


三:超链接和邮箱链接

<a href="https://baidu.com">百度一下,你就知道</a></br>
<a href="mailto:1*******@qq.com">发送邮件</a></br>

四:注释

<!--这里放注释内容-->


五:图片

<!--图片 alt是图像无法显示时的替换文本,title是鼠标放在图片上的提示文本 style是CSS-->
<img src="http://offlintab.firefoxchina.cn/static/img/search/baidu_web.png" width="100px" 
alt="百度图片" border="10px" style="border: 2px solid red" title="百度一下"></br>



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值