HTML与CSS基础入门：构建网页结构与标签详解

Java二阶段

需积分: 5 154 浏览量更新于2024-08-05 收藏 466KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

HTML&CSS是网页开发的基础，本资源主要介绍HTML（HyperText Markup Language）和CSS（Cascading Style Sheets）的基本概念、语法以及常用的标签和属性。HTML被设计用来描述网页的结构，它不是编程语言，而是一种标记语言，通过标签来组织和呈现内容。 1. **HTML简介**： HTML是超文本标记语言，主要用于创建网页的结构，通过组合文本和标签来定义网页的各个部分。尽管大小写在HTML中不敏感，但推荐使用全小写以提高可读性。HTML文件通常以`.html`或`.htm`扩展名保存，并通过`<html>`和`</html>`标签构成整个文档的骨架。 2. **HTML语法要点**： - 标签与属性：HTML使用标签（如``代表段落）来定义元素，标签成对出现，如`...`。单标签如` `用于换行。属性如`src`用于指定图片的源，`alt`用于提供图片的替代文本，当图片无法显示时提供描述。 - 属性语法：每个标签后面可以跟随零个或多个属性，格式为`<标签名属性名="属性值"></标签名>`。例如，`<img src="img/1.png" width="500px" height="200px" alt="图片">`。 3. **常用HTML标签**： - `<title>`：定义网页标题，显示在浏览器的标签页上。 - `<head>`：包含元数据和样式信息，`<title>`标签通常在此区域。 - `<body>`：主要内容区域，包含网页的所有可见内容。 - `<hr>`：水平线，用`<hr>`和`</hr>`表示。 - ``：旧版的字体控制标签，现代HTML推荐使用CSS。 - `<a>`：超链接标签，`href`属性指定链接目标，`target`属性决定新窗口或当前窗口打开链接。 4. **CSS的引入**： CSS用于控制网页的外观和布局，虽然这部分没有直接在给定的部分提及，但了解HTML之后，CSS可以通过外部或内部样式表与HTML结合，以改变元素的颜色、大小、位置等视觉效果。 5. **链接和导航**：使用`<a>`标签创建超链接，通过`href`属性指定链接地址，`target`属性可以设置链接在新窗口(`_blank`)或当前窗口中打开。总结来说，HTML和CSS是构建网页的基石，HTML负责组织内容，CSS则负责美化和布局。理解这些基础概念和标签的使用是网页开发的第一步，后续可以深入学习CSS选择器、布局模式和响应式设计等内容，以实现更复杂的网页设计。

资源详情

资源推荐

HTML

一.什么是HTML?

一种描述网页的语言

HTML指的是超文本标记语言(Hyper Text Markup Language)

HTML不是一种编程语言,是一种标记语言

标记通过标签完成标记

二.HTML的语法

1. HTML描述网页,通过文本和标签进行描述,新建.html或.htm文件

2. HTML标记标签通常被称为网页标签(HTML tag)

标签可以嵌套,不可以交叉

存在单标签

3. 标签可以添加属性,属性是对标签的进一步说明

4. HTML大小写不敏感,建议全小写

三.常用标签

网页标签由"<>"+特殊符号组成,标签成对存在

<标签名></标签名>--前后标签名保持一致

<!--一对标签种前面的标签称为起始标签/开放标签/前标签,后面的标签称为终止标签/闭合标签/后

标签-->

网页骨架

 <head>

 <title></title>

 </head>

 <body>

 </body>

</html>

<标签名/>

属性语法:属性名="属性值"

<标签名属性名="属性值"></标签名>

<标签名属性名="属性值"/>

颜色的属性值可以写颜色的英文名或者RGB颜色值

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

小太阳讷~

粉丝: 136
资源: 27

HTML与CSS基础入门：构建网页结构与标签详解

01__html&CSS_王振国 - 课堂笔记.pdf

A Smarter Way to Learn HTML & CSS.pdf

Head_First_HTML_CSS_ver2_ch.pdf

jsp展示 pdf图标

expected str, bytes or os.PathLike object, not _io.TextIOWrapper

java html转pdf

flutter3 ignore忽略文件

html pdf.js

用python写一个批量下载一个页面内的所有图片并用选择器选择所下载的图片以及顺序来转换成pdf

php导出pdf没有css

vue-pdf-embed改变pdf的大小

使用mpdf将html生成pdf

html做在线预览pdf文件,html中在线预览pdf文件之pdf在线预览插件

html5开发文档.pdf

html转pdf支持css3,前端HTML页面转PDF（html2canvas+jspdf）

网站设计基础教程html5+css3pdf

HtmlConverter.convertToPdf可以渲染css吗？不能的话css要如何渲染，请给出java代码

android js pdf

最新资源