狂神系列之HTML学习笔记

最新推荐文章于 2024-06-10 17:18:33 发布

潘芝

最新推荐文章于 2024-06-10 17:18:33 发布

阅读量266

点赞数

文章标签： html

本文链接：https://blog.csdn.net/m0_37772527/article/details/115303512

版权

HTML

超文本标记语言 — Hyper Text Markup Language

W3C标准

W3C：World Wide Web Consortium

W3C标准包括：
    结构化标准语言(HTML,XML)
    表现标准语言(CSS)
    行为标准(DOM,ECMAScript)

1.网页基本信息

<!--告诉浏览器，使用什么规范-->
<!DOCTYPE html>

<html lang="en">

<!--head标签代表网页头部-->
<head>
    <!--meta描述性标签，它用来描述我们网站的一些信息-->
    <meta charset="UTF-8">
    <meta name="Keywords" content="llll的主页">
    <meta name="description" content="记录lll的学习日常">
    <title>我的第一个网页</title>
</head>

<!--body标签代表网页主体-->
<body>

hello,world

</body>

</html>

2.基本标签

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>基本标签学习</title>
</head>

<body>

<!--标题标签-->
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>

<!--段落标签-->
<p>哥舒歌</p>
<p>[唐] 西鄙人</p>
<p>北斗七星高，哥舒夜带刀</p>
<p>至今窥牧马，不敢过临洮</p>

<!--换行标签-->
哥舒歌<br/>
[唐] 西鄙人<br/>
北斗七星高，哥舒夜带刀<br/>
至今窥牧马，不敢过临洮<br/>

<!--水平线标签-->
<hr/>

<!--字体样式标签，粗体和斜体-->
<h1>字体样式标签</h1>
粗体： <strong>you are my son</strong><br/>
斜体： <em>you are my son</em><br/>

<!--特殊符号-->
空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格<br/>
大于号：&gt;<br/>
小于号：&lt;<br/>
版权符号：&copy;<br/>

</body>

</html>

3.图像标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图像标签学习</title>
</head>
<body>

<!--
img标签学习
src：图片地址：相对地址，绝对地址
    ../ 上一级目录
alt:图像的名字
title：鼠标悬停文字
-->
<img src="../resources/image/1.png" alt="小黑" title="悬停文字" width="300" height="180">

最低0.47元/天解锁文章

潘芝

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
狂神系列之HTML学习笔记

HTML超文本标记语言 — Hyper Text Markup LanguageW3C标准W3C：World Wide Web ConsortiumW3C标准包括：结构化标准语言(HTML,XML) 表现标准语言(CSS) 行为标准(DOM,ECMAScript)1.网页基本信息<!DOCTYPE html><html lang="en"><!--head标签代表网
复制链接

扫一扫