HTML 5网页设计与制作随学笔录

最新推荐文章于 2024-06-20 14:47:17 发布

北城终过往

最新推荐文章于 2024-06-20 14:47:17 发布

阅读量285

点赞数

分类专栏：笔记文章标签： html

本文链接：https://blog.csdn.net/Northofthecity/article/details/117089649

版权

本文档介绍了HTML5的基础知识，包括HTML的文档结构、标签使用，重点讲述了文本格式标签，如强调文本、字体类型、颜色、粗细、斜体、下划线和对齐方式的设定，帮助读者掌握HTML5中设计和样式化网页文本的技巧。

摘要由CSDN通过智能技术生成

HTML 5网页设计与制作随学笔录

第一章 HTML基础

简介：html是网页设计的基础语言，根据万维网联盟规范化的设计目标，设计师应从结构化语言（HTML,XHTML,XML），表现性语言（CSS）和行为控制语言（ECMAScript，javascript,DOM）三个方面入手，系统学习网页设计。

认识HTML

HTML是Hyper Text Markup Language d的缩写，中文翻译为超文本标记语言，使用HTML标签编写的文档为HTML文档，最新版本是HTML5，广泛使用，发展30余年。

HTML基础知识

HTML是一种规范，一种标准，通过标签来标记网页中要显示的各个部分，文字图像链接声音等等，网页文件本身仅是一种文件，可以在文本文件中添加标签，浏览器能够识别这些标签，知道如何显示其中的内容，如文字如何处理，画面如何安排，图片如何显示等，浏览器按顺序阅读网页文件，然后根据标签解释和显示其标记的内容。

HTML概述

使用HTML语言标识文本
建立超链接
创建列表组织信息，方便浏览
显示图像，声音，视频，动画等多媒体信息
制作表格，方便显示大量数据
制作表单，允许在网页内输入文本信息，执行其他用户操作

HTML文档结构

文档包含两部分，头部区域和主体区域，HTML基本结构由**,和标签组成，标签标识HTML文档，标签标识头部区域，标签标识主体区域，标签一般都是成对出现像这样**

HTML标签

标签是HTML最基础的单位，每个标签都有< 和 /> ，大部分标签都是成对出现的，也有个别单标签

文档结构标签

<html></html>   标识HTML文档的起始于终止
<head></head>   标识HTML文档的头部区域
<body></body>	标识HTML文档的主体区域

文本格式标签

此标签用来标识文本区块，并附带一定的显示格式，以下是主要标签。

<title><title>:标识网页标题
<hi></hi>:标识标题文本，其中i可以是123456，分别表示一级，二级，三级。。。标题
<p></p>:标识段落文本。
<pre></pre>:标识预定义文本。
<blockquote></blockquote>:标识引用文本。

字符格式标签

此标签主要用来标识部分文本字符的语义。很多字符标签可以呈现一定的显示效果，如下图所示。

<b></b>:标识强调文本，加粗效果
<i></i>:标识引用文本，斜体效果
<blink></blink>:标识闪烁文本，闪烁效果显示，IE不支持闪烁效果
<big></big>:标识放大文本，放大效果
<small></small>:标识缩小，缩小效果
<sup></sup>:标识上标，上标效果
<sub></sub>:标识下标，下标效果
<cite></cite>:标识引用文本，引用效果