网页设计基础之HTML（一）

2019-11-10 seo达人

网页设计基础之HTML（一）

1.Web的基本概念

web（World Wide Web）即全球广域网，也称为万维网，它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建立在Internet上的一种网络服务，为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面，其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。

主要包含结构，表现和行三个方面

2.HTML简介

<!DOCTYPE html> 声明为 HTML5 文档

<html> 元素是 HTML 页面的根元素

<head> 元素包含了文档的元（meta）数据

<title> 元素描述了文档的标题

<body> 元素包含了可见的页面内容

<h1> 元素定义一个大标题

<p> 元素定义一个段落

<标记名>内容</标记名> 双标记，也称标记体

<标记名/> 单标记，也称空标记

 注释标记

<标记名属性1="属性值1" 属性2="属性值2">内容<//标记名>

<title>网页标题名</title> 设置页面标题标记

<meta/> 定义页面原信息

<link> 引用外部文件标记

1

2

3

4

5

6

7

8

9

10

11

12

13

14

注意元素的就近原则

补充：link的属性请参考此网址

3.HTML入门

①HTML的概念：HTML 是用来描述网页的一种语言。

②HTML的文本控制标记

1.标题标记：

标题（Heading）是通过<h1> - <h6>标签进行定义的。

对齐方式：

left：设置标题文字左对齐

center：设置标题文字居中

ringt: 设置标题文字右对齐

使用方法 <h2 align="left">二级标题左对齐</h2>

2.段落标记

段落是通过 <p>标签定义的；其他同标题标记一致。

3.水平线标记<hr/>

相关属性

使用方法<hr color="red" align="left" size="5" width"600"/>

4.换行标记<br/>

1.1文本样式标记

font的属性

1.2文本格式化标记

详情请点我

1.3特殊字符标记

详情请点我，并查看HTML字符实体部分

4.附上本节课的脑图

注：本文参考自菜鸟教程

分享本文至：

« 学会这个体系化的设计思路，让你做出专业全面的方案！减少认知过载获得更好的用户体验 »

网页设计基础之HTML（一）

分类

日历

链接

blogger

存档

网页设计基础之HTML（一）

分享到各大网站

分类

日历

链接

blogger

存档