web前端html代码,WEB前端--HTML(示例代码)

HTML基础

一、基本概念

1、简介

HTML：网页超文本标记语言，不是编程语言，是描述性的标记语言。

2、基本结构

3、标记

：html开头，表示网页文档的开始

二、编写方法文档工具，如：记事本

IDE

三、浏览html文件

1、运行效果

如果用pycharm编写，不要直接运行，直接找到文件路径打开这个文件最快捷。因为pycharm直接运行是作为一个服务监听起来，比较慢。

2、看源文件

鼠标右键-->查看源文件

HTML基本标记

一、

标记head头部元素包括标题、基础信息和元信息等；

作用范围：整篇文档；

头信息中可以有：元信息、文档样式表和脚本等；

头部信息一般不会再网页上直接显示。

二、

标记用来说明页面的用途，显示在浏览器的标题栏中。

位置：

……之间

三、元信息

用来定义页面信息的说明、关键字和刷新等，它不用结束标记。属性有name和http-equiv。

1、设置页面关键字

供搜索引擎使用

2、设置页面说明

详细说明网页的内容

3、定义编辑工具

设置网页编辑工具名称

4、设置作者信息

5、设置网页文字及语言

6、设置网页定时跳转

7、icon

8、css文件

?9、js文件

四、主体标记

1、背景色 bgcolor

默认颜色是白色或灰白色，bgcolor自定义背景颜色。

2、背景图片 backgroud

3、文字颜色 text

4、链接文字属性 link

超链接的颜色默认是蓝色，访问后变成暗红色。可以通过link修改：

5、边距 margin

设置页面和浏览器边框的距离

五、注释标记

文字与段落标记

一、标题

1、h标记

~

，级别从最高到最低。

2、对齐方式 align

默认是左对齐，如更改，用align属性。left：左对齐

center：居中

right：右对齐

二、文本基本标记

标记用来控制字体、字号和颜色等属性。

1、字体属性 face

2、字号属性 size

3、字体颜色 color

三、文本格式化标记

1、字体加粗

2、斜体

3、上标 sup

如：平方、立方

sup是superscript的缩写，在数学公式、日常计算应用、书记文章注解等有广泛应用。可在文字的任何地方使用，允许嵌套。

结果：

4、下标sub

如：化学方程式

sub是subscript的缩写，在数学公式、化学方程式有广泛应用。

结果：

5、增大一级字号

6、小字号标记

7、下划线

四、段落标记

1、段落p

它没有结束标记

，下一个

开始意味着上一个段落结束。

2、换行br

相当于windows的“\r\n”和linux的"\n"换行

3、不换行nobr

五、水平线

1、插入水平线hr

2、水平线宽度width

3、水平线高度size

4、水平线去阴影noshade

布尔值，加上它，不会显示例题形状的水平线。浏览器默认是显示一条立体形状带阴影的水平线。

5、水平线颜色color

6、水平线排列 align

水平线默认是居中对齐，要想左对齐或右对齐，用align语法，该语法有3种：center：居中

left：左对齐

right：右对齐

六、其它标记

以&开头，以；结束。

1、插入空格

2、插入特殊符号“"

&&

>>

××

§§

使用列表