HTML基础教程：入门与常用标签解析

需积分: 50 45 浏览量更新于2024-08-05 收藏 175KB PDF 举报

"这份资料是前端领域的第一阶段学习，主要关注HTML基础知识，包括HTML的定义、浏览器兼容性、HTML的基本结构、注释、标签以及一些常用标签的介绍。此外，还提到了HTML5的文档声明和元数据标签的用法。" 在前端开发中，HTML（超文本标记语言）是最基础的构建网页的语言，它可以被浏览器直接执行来展示网页内容。HTML允许开发者通过标签来定义页面结构和内容。在这个阶段的学习中，你将会了解到五大主流浏览器——Internet Explorer、Firefox、Safari、Opera和Google Chrome，以及它们所使用的内核，如Trident、Gecko和Webkit。浏览器内核的作用是解析HTML代码，并将其渲染成用户可见的网页。了解不同内核的差异对于确保网页在不同浏览器上的兼容性至关重要。HTML的注释使用``来添加，这对于理解代码和提升代码可读性非常有帮助。 HTML的基本结构通常由`<!DOCTYPE html>`开始，声明文档类型为HTML5，接着是`<html>`标签，内部包含`<head>`和`<body>`两个主要部分。`<head>`中通常设置`<meta charset="utf-8">`来指定字符编码为UTF-8，以便正确显示各种语言的文字。`<title>`标签则用于定义浏览器标签页的标题。 HTML中的标签分为双标记和单标记，例如`<p>`和`<img>`。`<p>`是用于创建段落的块元素，它默认占据整行。而`<h1>`到`<h6>`则是标题标签，级别越高，字号越小，但都是块元素。`<img>`是行内标记，用于插入图像，其`src`属性用于指定图像的路径，`alt`属性提供替代文本，当图像无法显示时供用户参考。这只是HTML基础的一部分，随着学习的深入，你还将接触到更多关于表格、链接、列表、样式控制以及其他更复杂的元素和属性，这些都是构建动态和交互式网页的基础。同时，结合CSS和JavaScript，你将能够创造出更加丰富多彩的Web体验。

HTML 基础标签

● 五大浏览器

● Internet Explorer、Firefox、Safari、Opera、Google Chrome

● 浏览器内核

● 负责对网页语法的解释并渲染（显示）网页

● Trident(IE 内核)、Gecko(Firefox 内核)、Webkit(Safari 内核，Chrome 内核原型，开源)

● 概念

● HTML（Hyper Text Markup Language）超文本标记语言，是制作网页的最基本的语言，直接由

浏览器执行

● 注释

●  HTML 注释

● 更好地说明文档内容，解释说明

● HBuilder X 快捷键：ctrl+/

● html 基本结构

● <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title>

</head> <body> </body> </html>

● <!DOCTYPE html>

●

● <head><title>我是标题</title></head>

●

● <head><meta charset="utf-8"></head>

● <!--功能：设置字符编码元数据标签 charset 字符集设置 utf-8 万国码

gbk gb2312-->

● 标签

● 分类：双标记标签和单标记标签

● 双：<标签名>名字<标签名/>; 单：<标签名>或<标签名/>

● 常用标签

● <p>我是段落</p>（块元素）

● 块元素特点：

● 这个元素独占一行

● 宽度不设置时

下载后可阅读完整内容，剩余4页未读，立即下载

前端小媛

粉丝: 207
资源: 1

HTML基础教程：入门与常用标签解析

前端+HTML+小练习（前端第一阶段-04）

Web前端全栈HTML5+大神之路-视频课程资源网盘链接提取码下载 .txt

前端第一阶段学习-HTML

phase-4-frontend:第四阶段项目的前端

HM全新大前端160G鼎新力作 V7.6 4000集课程 大前端全业务链+软件+课件+视频+职业规划

python从最基础的语法历经网络基础、前端基础、后端基础和爬虫与数据基础走向机器学习.zip

Web前端开发技术课程大作业——HTML5旅游景区景点(13页面)HTML+CSS+Javaipt.md

最新web前端学习html5零基础教程学习大纲分享.docx

0基础学习前端开发的一些建议

零基础前端工程师体系课（2022版）

最新资源

HM全新大前端160G鼎新力作 V7.6 4000集课程大前端全业务链+软件+课件+视频+职业规划