002HTML+CSS(class007-010)

[A] HTML基本结构与属性

　　超文本标记语言(HyperText Markup Language)，标准通用语言下的一个应用，是网页制作必备的编程语言。

　　HTML：超文本  标记  语言

　　超文本：文本内容 + 非文本内容(图片，视频，音频等)

　　标记：即语法格式，<标签>

　　　　　　标记也叫标签，如<div></div>, <p></p>......

　　语言：编程语言

[B] HTML常见标签：

　　基础

　　格式

　　表单

　　框架

　　图像

　　音频/视频

　　链接

　　列表

　　表格

　　样式

　　节

　　元信息

　　编程

[C] 初始代码

　　每个.html文件都有的代码叫初始代码，要符合html文件的书写规范。

?
1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html> 　　//文档声明，告诉浏览器这是一个.html文件
<html lang="en">　　//html文件的最外城标签，包裹着html标签代码. 此处lang = "en"表示这是一个英文网站，而lang = "zh-CN"表示这是一个中文网站
　　<head>　　　　　　　　//头部文件，网页中显示网址及其他信息的那一行内容
   　　 <meta charset="UTF-8">　 　//元信息：编写网页中的赋值信息， Charset = "UTF-8"国际编码，让网页不出现乱码情况
    　　<meta name="viewport" content="width=device-width, initial-scale=1.0">
    　　<title>Document</title>　　//网页标题，此处为Document
　　</head>
　　<body>　　　　　　// body代码区
　　　　网页显示内容
　　</body>
</html>

　　

[D] HTML注释

　　<!--注释内容-->　　 把暂时不用的代码注释起来，方便以后使用，快捷键shift + alt + a

　　//  注释内容　　　　单行注释　　ctrl + /

　　/* 注释内容 */　　    多行注释

[E] HTML语义化

　　即根据网页中内容的结构，选择合适HTML标签进行编写，即确定每个模块应该用哪种标签。

　　好处：
　　　　1. 在没有css的情况下，页面也能呈现出很好的内容结构；

　　　　2. 有利于SEO，让搜索引擎爬虫更好的理解网页；

　　　　3. 方便其他设备解析(如屏幕阅读器，盲人阅读器等等)；

　　　　4. 便欲断对开发和维护。

 

posted @   CarreyB  阅读(163)  评论(0)  编辑  收藏  举报
编辑推荐：
· 从二进制到误差：逐行拆解C语言浮点运算中的4008175468544之谜
· .NET制作智能桌面机器人：结合BotSharp智能体框架开发语音交互
· 软件产品开发中常见的10个问题及处理方法
· .NET 原生驾驭 AI 新基建实战系列：向量数据库的应用与畅想
· 从问题排查到源码分析：ActiveMQ消费端频繁日志刷屏的秘密
阅读排行：
· C# 13 中的新增功能实操
· Ollama本地部署大模型总结
· 【杭电多校比赛记录】2025“钉耙编程”中国大学生算法设计春季联赛（4）
· 卧槽！C 语言宏定义原来可以玩出这些花样？高手必看！
· langchain0.3教程：从0到1打造一个智能聊天机器人
点击右上角即可分享
微信分享提示