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

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

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页未读，立即下载

小太阳讷~

粉丝: 139
资源: 27

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

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

A Smarter Way to Learn HTML & CSS.pdf

WEB前台技术_4_CSS.pdf

用实例详细讲解将PSD转成HTML&CSS.pdf

Complete Reference-HTML&CSS.5th.edition.pdf

html_JavaScript_css试题.pdf

css_in_44_minutes.pdf

CSS_02_19_002922.pdf

css_网页设计报告.pdf

HTML5&CSS3.pdf

最新资源