DW的相关架构和标签

一.基本架构

html基本语法结构如下:



.....

.....

二.基本介绍

下面对网页结构中的标签进行说明:
(1)DOCTYPE      // 文档类型说明
(2)      //  表示标签之间的内容是HTML文档
(3)         //文件头部标签,在浏览器窗口中,头部信息是不被显示在正文中的,可以插入其他标签
(4)        // 页面标题栏文字
(5)        // 文件主体,放置在其中是页面要显示的内容

三.标签和属性

在HTML页面中,带有<>符号的元素称为HTML标签,也称为HTML标记。标签分为单标签和双标签。
1.单标签是只用一个标记符号来描述一个标签,其基本语法如下:
<标签名 />
2.双标签是用两个标记符号来描述标签,其语法如下:
<标签名>内容

四.标签

1.文本相关标签

(1)标题标签
一般文章有标题文本,标题标签用于设置标题文字,被设置的文字将以黑体或粗体的方式显示在网页中。其中n为标题的等级,总共有6个等级的标题,n越小,标题字号越大。
标题标签的格式如下:
标题文本

(2)段落标签

段落标签用来创建一个段落,在此标签之间加入的文本会产生一个段落。段落标签的格式如下:

段落内容

(3)换行标签
换行标签可以在行与上一行之间不空出一行间距,它不产生段落的空行。换行标签没有属性。换行标签的格式如下:
(4)水平线标签
水平线标签可以产生一条水平线,该标签常用的属性是:width宽度,color颜色。水平线标签的格式如下: (5)文字标签 使用文字标签可以设置文字样式。文字标签常用属性为:size大小、face字体、color颜色。文字标签的格式如下: 文字内容

2.字体格式化相关标签

通过字体格式化可以实现文字的加粗、倾斜、下划线等效果。
(1)加粗标签
加粗标签将标签内文本实现加粗效果。加粗标签的格式如下:
文本

(2)倾斜标签
倾斜标签实现标记中的文本倾斜。倾斜标签的格式如下:
文本内容

(3)下划线标签
下划线标签将标记中的文本以下划线显示。下划线标签的格式如下:
文本内容

(4)删除线标记
删除线标记使文本中间有横贯文本的删除线。删除线标签的格式如下:
文本内容

五.列表相关标签

(1)无序列表
    无序列表是指列表内容可以按任意顺序排列,列表项不是连续编号,而是用一个特定符号来标记,默认为圆点符号。无序列表的格式如下:
    • 内容
    • 内容
    • 内容
    • ………
    2)有序列表
      有序列表对网页的内容进行编号排列,以便浏览者可以清晰地了解每行的顺序。有序列表的格式如下:
      1. 内容
      2. 内容
      3. 内容
      4. ………

六.图像多媒体相关标签

(1)图像标签
要将图像插入到网页中,可以使用标签来实现,标签的格式如下:


 
 标签有两个必需的属性:src 属性 和 alt 属性。
 而且src属性在标记中必须赋值,是标记中不可缺少的一部分。除此之外,标记还有alt、align、border、width和height属性。
 align是图像的对齐方式;border是图像的边框,可以取大于或等于0的整数,默认单位是像素;width和height是图像的宽和高,默认单位是像素;
 alt是当鼠标移动到图像上时显示的文本。
 
(2)声音和视频标签
使用标签可以在网页中插入声音或视频,标签的格式如下:
 

七.滚动对象标签

标签可以实现元素在网页上移动的效果,标签的格式如下:
滚动对象 
  

八.超链接标签

链接对象
超链接的主要属性是href,通过href属性可以设置要链接的目的地址

九.表格标签


………

………

………
表格单元格列标题1 表格单元格列标题2
第1列单元格内容 第2列单元格内容

你可能感兴趣的:(服务器,前端,linux)