HTML基础学习

1 篇文章 0 订阅
本文介绍了HTML的基本结构,包括`<html>`、`<head>`、`<body>`元素,展示了如何使用`<title>`定义文档标题,以及`<h1>`-`<h6>`创建标题层级。同时讲解了CSS用于设置页面样式的应用,如`<p>`段落和`<a>`超链接的使用。
摘要由CSDN通过智能技术生成

Java web

HTML(W3school)

htm是通过浏览器来运行的。

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>

</body>
</html>

在整个html文件中,最开始是html标签,head标签中放的是与html相关的一些属性,而body中放的是相关的内容。

结构:这些标签之间是可以相互嵌套的。也可以说是“父子”结构。当嵌套的标签越多,我们就称为“数”模型。

标题元素:h1~h6

<body>
<h1>一级</h1>
<h2>二级</h2>
<h3>三级</h3>
<h4>四级</h4>
<h5>五级</h5>
<h6>六级</h6>

段落:p

<p> 我与父亲不相见已二年余了,
    我最不能忘记的是他的背影。
</p>
<p>
    那年冬天,祖母死了,父亲的差使也交卸了,
    正是祸不单行的日子,我从北京到徐州,打算跟着父亲奔丧回家。
    到徐州见着父亲,看见满院狼藉的东西
    ,又想起祖母,不禁簌簌地流下眼泪。父亲说,
    “事已如此,不必难过,好在天无绝人之路!”
</p>

列表:ol:有序列表
ul:无序列表
li:列表项
a标签:超链接

<a href="https://cn.bing.com/search?q=csdn&form=WNSGPH&qs=AS&cvid=58d9ca1fea96427ca2be048a2c844d80&pq=csdn&cc=CN&setlang=zh-Hans-CN&PC=DCTS&nclid=2CC00208E1E889C7A8C035C21AA194E2&ts=1639543552087&wsso=Moderate"></a>
跳转到另一个网页

图像:img

<img src="头像.jpg" alt="">
也可以写网页的地址

div span 无语义标签

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值