下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922
论坛 >编程语言 >Dreamweaver入门|认识HTML基本语法

Dreamweaver入门|认识HTML基本语法

cappuccino发布于 2016-06-17 17:48查看:1005回复:1

  HTML的语法主要由标签(tag)和属性(attribute)组成。所有标签都由一对尖括号<>括起来的。

  1.一般标签

  一般由一个起始标签和一个结束标签组成,其语法格式为:

  <X>受控内容</X>

  其中,X代表标签名称,<X>为起始标签,</X>为结束标签,结束标签前应有一个斜杠“/”。例如,要使文本内容成为斜体字,可以使用标签<i>……(内容)</i>;要使文本内容成为一级标题,可以使用标签<h1>……(内容)</h1>,除了这些,还有很多常用的标签,如<body>……</body>,<html>……</html>等。

  在标签中可以附加一些属性,用于完成某些特殊效果或功能。大多数标签的起始标签内可以包含一些属性,属性是可选的,不写即使用默认值。不同属性间用空格分隔,属性值要加双引号,其语法格式为:

  <标签名称 属性1 属性2 属性3……>受控内容</标签名称>

或者写成:

  <X a1="v1" a2="v2" a3="v3"……>受控内容</标签名称>  

其中,a就是属性名称,v是属性名称对应的属性值。

  2.空标签

  大部分标签是成对出现的,但也有一些是单独存在的,这些单独存在的标签称为空标签。空标签的语法形式非常简单,只需要直接写<标签名称>即可。最常见的空标签有<hr>、<br>等。其中<hr>标签表示要在页面上加一条水平线,常用来分割页面的不同部分。空标签也可以附加一些属性,用来完成某些特殊效果,一般形式为:

  <x a1="v1" a2="v2"……>

  例如,<hr align="center" width="80%" size="2">,<hr>标签含有3个属性,分别为align,center,width属性,其中,align属性表示对齐方式,属性值可取left(左对齐),right(右对齐),center(居中)等;size属性定义线的粗细,属性值可取整数,width属性定义线的长度,可以取相对值(由一对尖括号括起来的百分数,表示相对于充满整个窗口的百分比)也可以取绝对值(用整数表示屏幕像素点的个数,如width="300"),默认值为100%。另外,<hr>标签中还包含一个noshade属性,用于设定线条为平面显示,若删去则具有阴影或立体效果,这是默认值。

1466156309952926.png

   如图中所示,给背景添加了颜色,可以添加cgcolor属性,标签为<bgcolor="#FF9999">,把文本内容“认识HTML基本语法”居中,则添加<center>和</center>标签。

   另外想告诉大家的是,如上图中所示,点击dreamweaver软件的左上方的“拆分”,可以同时看到你编辑的效果图。左边是编辑区,右边就是实时效果,当然,你也可以多点尝试一下,例如点击“代码”“设计”“实时视图”等。

收藏(0)1
查看评分情况

全部评分

  • YUI2016-07-07 13:59

总计:1

回复分享
cappuccino  于   2016-06-17 17:49 重新编辑过

共有1条评论

  • IT宅男
  • mr jack
  • Mr ken
  • Mright
  • cappuccino
  • YUI
  • 课课家运营团队
  • 课课家技术团队1
  • 酸酸~甜甜
  • 选择版块:

  • 标题:

  • 内容

  • 验证码:

  • 标题:

  • 内容

  • 选择版块:

移动帖子x

移动到: