零基础学做网站培训介绍

当前位置:

html做网站必知的基本语法规则

简介

HTML(Hyper Text Mark-up Language超文本标记语言):不是编程语言,而是一种描述性的标记语言,用于描述网页中内容的显示方式,比如文字以什么颜色、大小来显示等,这些都是利用Html标记来实现。(视频教程:什么是HTML

HTML的文档结构

所有的网页文件,通过都是四对标记来构成文档的骨架,它们是:

小结:

<html>…</html>标识网页文件的开始与结束,所有的Html元素,都要放在这对标记中。

<head>…</head>标识网页文件的头部信息,如标题、搜索引擎关键字等

<title>…</title>标识网页文件的标题

<body>…</body>标识网页文件的主体部分

 

常见的HTML的标记语法

1.    单标记

一.<标记名称>

单一型,无属性值

如:<br/>——表示换行符

二.<标记名称属性=”属性值”>

单一型,有属性值

如:<hr width=”80%”/>

2.    双标记

三.<标记名称>…</标记名称>

没有属性值

如:<title>…<title>

四.<标记名称属性=”属性值”>…</标记名称>

有属性值

如:<body bgcolor=”red”>…</body>

注释

格式:

<!—注释内容-->

Body属性

<body bgcolor=”背景颜色” background=”背景图像” text=”文本颜色” link=”链接文本颜色” vlink=”访问过的文本颜色” alink=”激活的连接文本颜色” leftmargin=”左边界”>

 

<font>标记

语法:

<font color=”文本颜色” size=“字号”>文本</font>

 

字符格式

功能 标记
加粗 <b>文本</b>
倾斜 <i>文本</i>
加强语气 <strong>文本</strong>
下划线 <u>文本</u>
删除线 <s>文本</s>
上标 <sup>文本</sup>
下标 <sub>文本<sub>

段落标记

格式:

<p align=“对齐方式”>…</p>

align Left 左对齐
Center 居中
Right 右对齐

HTML中的特殊字符

特殊字符 转义码
空格 &nbsp;
版权号 &copy;
注册商标 &reg;
&quot;
& &amp;
< &it;
> &gt;

修饰标记

水平直线<hr/>

属性名称 属性值 说明
Size 像素从不值 越大,线越粗
Width 宽度 随着值得变化

相关视频教程:HTML水平线 HR标签

总结:

以上就是我们在学习html中经常用到的语法,如果想更详细的了解html语法的话,请查看HTML入门教程

发表评论

邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 在做网站过程中,如果想在一张网页上实现图片加文字的格式,就需要通过Dreamweaver CS6破解版软件设置背景图片。可以在网页上添加背景图片,然后
  • 学习了一些HTML知识,我们就可以自己动手去写一些HTML代码了。那么用什么写了,这就要用HTML 编辑器。常用的HTML 编辑器有二种就是记事本和Dreamweave
  • 我们去使用PHP程序做网站,如果要让PHP程序能正常运行,必须有一个符合PHP要求的运行环境。例如我们在自己的电脑里练习如何做网站的时候,我们需
  • 简介HTML(Hyper Text Mark-up Language超文本标记语言):不是编程语言,而是一种描述性的标记语言,用于描述网页中内容的显示方式,比如文字以什
  • html 标签有哪些特点刚刚接触超文本,遇到的最大的障碍就是一些用“<”和“>”括起来的句子,我们称它为标签,是用来分割和标记文本的元素,以形
  • WordPress使用MySQL数据库。作为一个开发者,我们有必要掌握WordPress数据库的基本构造,并在自己的插件或主题中使用他们。截至WordPress3.0,WordP
  • 对于像学做网站论坛这样一个以网站技术交流的网站来说,时常会在网页中书写一些HTML代码,这样用户浏览到这些内容的时候就会意识到这些内容是分享的代
  • 切片的技巧(渐变、阴影、不规则) :渐变:可以单独拉一个切片阴影:网页中如何实现,css3也可以实现阴影但是ie6、ie8不支持,可以单独为阴
  • 网站图片命名规则 图文教程 (19508 次浏览)
    在团队合作建网站时,一定要遵守一些命名规则,这样才会提高工作效率,加快网站开发速度。对于网站图片命名也有一定的规则,下面是学做网站论坛关