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

  • 原创
  • |
  • 浏览：2680
  • |
  • 更新：
  • 网页设计----使用Html基本标签和属性1
  • 网页设计----使用Html基本标签和属性2
  • 网页设计----使用Html基本标签和属性3
  • 网页设计----使用Html基本标签和属性4
  • 网页设计----使用Html基本标签和属性5
  • 网页设计----使用Html基本标签和属性6
  • 网页设计----使用Html基本标签和属性7
分步阅读

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

工具/原料

  • DreamWear软件

标题标签：

  1. 1

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

    网页设计----使用Html基本标签和属性
    网页设计----使用Html基本标签和属性
    END
  2. 1
    本页面未经授权抓取自百度经验

换行标签:

  1. 1

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

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

水平线标签：

  1. 1

         水平线常常起分隔作用，来看看。

    常用属性：size---水平线粗细

                     width---水平线宽度

                     align---水平线对齐方式（center中/right右/left左）

                     color---水平线颜色

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

字体标签：

  1. 1

    字体标签常用属性：

            size---文字大小（1~7,取值为1字体最小，反之7字体最大，默认为3）

            color---字体颜色

            face---文字的字体

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

段落标签：

  1. 1

    段落标签用于划分段落，控制文本的位置。

    常用属性：align---文本内容在页面中对齐方式（center中/right右/left左）

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

图片标签：

  1. 1

    图片标签就是显示图片的啦！

    常用属性：

           src---链接到图片的位置

           alt---图片替代文字（网速太慢或图片位置写错，图片显示不出，则显示替代文字咯）

           title---鼠标停在图片上会提示文字

           width----图片宽

           height---图片高

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

超链接标签：

  1. 1

    语法：<a href="URL">超链接文字</a>

               URL---网址

    常用属性：target---链接的目标属性，决定了链接所指页面在浏览器中怎么打开，有_blank(新窗口打开页面)、_parent(载入含有该链接的父窗口)、_self(在本窗口打开)、_top(在当前整个浏览器窗口中打开，会删除所有框架)

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

列表标签：

  1. 1

    有三种：排序列表（<ol></ol>）

                 无序列表(<ul></ul>)

                 定义列表(<dl></dl>)

    排序、无序列表项均为:<li></li>

    定义列表项包含：描述<dt></dt>

                               主体<dd></dd>

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

标签

  1. 1

    将图片或文本等内容居中

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

预格式化标签：

  1. 1

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

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

和标签的使用

  1. 1

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

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

注意事项

  • 你学会了吗，此教程仅针对初学者噢~
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。
作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。
展开阅读全部