手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

网页设计----使用Html基本标签和属性

时间:2024-10-12 13:32:17

网页设计初学基本知识,针对初学者。教你一步一步学会网页设计,俗话说造房先看砖,我们先来学习学习Html中的基本标签和属性吧!

工具/原料

DreamWear软件

标题标签:

1、 文章都含有标题、章、节,HTML中就对应有标题标签<hn></hn>,n为标题等级,共6个等级,n越大字号越小,<h1>最大字号标题,<h6>最小字号标题。

网页设计----使用Html基本标签和属性
网页设计----使用Html基本标签和属性

换行标签:

1、 HTML文本默认将一行文字连续显示,而无换行,即便你打进去的格式是换行的照样变成一行,想换行就用<br/>。

网页设计----使用Html基本标签和属性
网页设计----使用Html基本标签和属性

水平线标签:

1、 水平线常常起分隔作用,来看看。常用属性:size---水平线粗细 width---水平线宽度 align---水平线对齐方式(center中/right右/left左) color---水平线颜色

网页设计----使用Html基本标签和属性
网页设计----使用Html基本标签和属性

字体标签:

1、字体标签常用属性: size---文字大小(1~7,取值为1字体最小,反之7字体最大,默认为3) color---字体颜色 face---文字的字体

网页设计----使用Html基本标签和属性
网页设计----使用Html基本标签和属性

段落标签:

1、段落标签用于划分段落,控制文本的位置。常用属性:align---文本内容在页面中对齐方式(center中/right右/left左)

网页设计----使用Html基本标签和属性
网页设计----使用Html基本标签和属性

图片标签:

1、图片标签就是显示图片的啦!常用属性:src---链接到图片的位置 alt---图片替代文字(网速太慢或图片位置写错,图片显示不出,则显示替代文字咯) title幻腾寂埒---鼠标停在图片上会提示文字 width----图片宽 height---图片高

网页设计----使用Html基本标签和属性
网页设计----使用Html基本标签和属性

超链接标签:

1、语法:<a href=争犸禀淫"URL">超链接文字</a> URL---网址常用属性:target---链接的目标属性,决定了链接所指页诹鬃蛭镲面在浏览器中怎么打开,有_blank(新窗口打开页面)、_parent(载入含有该链接的父窗口)、_self(在本窗口打开)、_top(在当前整个浏览器窗口中打开,会删除所有框架)

网页设计----使用Html基本标签和属性
网页设计----使用Html基本标签和属性

列表标签:

1、有三种:排序列表(<ol></ol争犸禀淫>) 无序列表(<ul></ul>) 定义列表(<dl></dl>)屡郭瓜开排序、无序列表项均为:<li></li>定义列表项包含:描述<dt></dt> 主体<dd></dd>

网页设计----使用Html基本标签和属性
网页设计----使用Html基本标签和属性

标签

1、将图片或文本等内容居中

网页设计----使用Html基本标签和属性
网页设计----使用Html基本标签和属性

预格式化标签:

1、预格式化文本,被其包围的文本保留空格和换行

网页设计----使用Html基本标签和属性
网页设计----使用Html基本标签和属性

和标签的使用

1、这两个主要用于表单的分组,legend用于给fieldset定义标签,咱们看个例子就知道怎么用啦!

网页设计----使用Html基本标签和属性
网页设计----使用Html基本标签和属性
© 手抄报圈