做网页其实没那么复杂,学好HTML语言你就知道了

本文介绍了HTML的基本概念,包括其定义、使用方式及常见标签的应用,适合初学者了解如何构建简单的网页。

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

HTML简介

HTML是用来描述网页的一种语言

  • HTML指的是超文本标记语言(Hyper Text Markup Language)
  • HTML不是一种编程语言,而是一种标记语言
  • 标记语言是一套标记标签
  • HTML使用标记标签来描述网页

HTML操作思想

网页html是用来显示数据的,同时也需要设置相应的显示效果
设置显示效果:
1.将需要操作的数据使用html标签包裹起来;
2.通过设置标签的属性来达到标签的样式(效果);
3.html标签理解为一个对象,那么标签的属性就是对象的成员变量,我们来改变成员变量的值来改变标签的效果;
4.尽量满足语义化原则,有利于搜索引擎优化;
(也可以这么理解,标签就是容器,是一个对象,标签包裹的就是数据,属性改变的就是样式,方法就是标签的行为)

HTML标签

HTML标记标签通常被称为HTML标签

  • HTML标签是由尖括号包围的关键词,比如<html>
  • HTML标签通常是成对出现的,比如<b>中间是标签的内容</b>(也有单个的标签,比如<br>,<hr>
  • 一对标签中的第一个标签是开始标签,第二个标签是结果标签,结果标签多带一个“/”

HTML文档=网页

html文件范例:

<html>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>

例子解释:

  • <html></html>之间的文本描述网页
  • <body></body>之间的文本是可见的页面内容
  • <h1></h1>之间的文本被称为标题
  • <p></p>之间的文本是网页显示的段落

基本的HTML标签

  • 标题标签:标题是用<h1>-<h6>来定义的,同时一个html只能有一个<h1>标签,可以有多个<h2>-<h6>标签;
  • 段落标签:段落是由<p>标签来包裹定义的;
  • 链接标签:链接标签是由<a>标签来定义的;
  • 图片标签:图片标签是由<img>标签来定义的;
  • 还有一些小标签,如
    strong 满足语义化原则 有利于seo优化
    em 满足语义化原则 有利于seo优化
    del 删除线
    b 单纯字体加粗 seo不认识
    i 单纯字体倾斜 seo不认识
    u 单纯字体加下划线 seo不认识
    s 删除线
    sup 上标
    sub 下标
    (内容很基础,仅仅作为学习的记录和分享)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值