欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

HTML编写网页(上)

程序员文章站 2022-04-19 16:12:00
...

目录

HTML基础 

HTML标签的语法

一、HTML标签可以拥有属性。

二、不要忘记结束标签。

三、标签与标签是可以嵌套的,但先后顺序必须保持一致。

四、HTML不区分大小写。

五、可以使用代码注释。

HTML基本结构

HTML设置段落

HTML设置标题

HTML设置文本格式

HTML设置转义字符

HTML设置图像


HTML基础 

英文全称:Hyper Text Markup Language,即超文本标记语言。

网页=HTML文档

HTML标记通常被称为HTML标签。是由英文尖括号括起来。如<html>。

HTML标签分为双标签和单标签两种。成对出现的标签称为双标签,用于规定元素所含的范围。如<h1>。单标签是在相应的位置插入元素,如<br/>。

HTML标签的语法

一、HTML标签可以拥有属性。

<标签名字 属性1="属性值1" 属性2="属性值2"...>

二、不要忘记结束标签。

三、标签与标签是可以嵌套的,但先后顺序必须保持一致。

<div><p>今天天气真不错。</p></div>

如上,<p>标签嵌套在<div>里,那么</p>必须放在</div>前。

四、HTML不区分大小写。

五、可以使用代码注释。

语法:<!--注释文字-->

HTML基本结构

根标签:<html>...</html>

文档的头部:<head>...</head>可包含<titile><base><link><meta><style>>

文档的主体:<body>...</body>

HTML设置段落

<p>段落标签,可通过align属性设置文本对齐方式。

<br/>换行标签,比分段间距小。

<hr/>分割线标签,可通过align属性设置位置,width设置宽度,color设置颜色。

HTML设置标题

h1到h6,重要性递减。

HTML设置文本格式

<strong>定义加重语气(粗体)

<em>定义着重文字(斜体)

<sup>上标

<sub>下标

<pre>定义预格式文本(保留空格和换行)

HTML设置转义字符

&nbsp;  表示空格

&it;  表示<

&gt;  表示>

&amp;  表示&

HTML设置图像

html中图像由<img>定义。

语法格式:<img src="图片地址">

HTML编写网页(上)