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.附上本节课的脑图
注：本文参考自菜鸟教程