• 0755-82538016
  • 0755-82560826
  • 深圳网站建设_APP小程序开发_博纳网络

    • 网站建设案例
      • ";

        营销网站建设

        全网营销网站

        高端网站建设

        商城网站建设

        外贸网站建设

        小程序开发

        区块链开发

        物联网项目开发

        定制app开发

        在线教育网站

        速成网站建设

        服装网站建设

        餐饮网站建设

        珠宝首饰网站

        机械制造网站

        文化旅游网站

        家装建材网站

        美容化妆品网站

        数码产品网站

        模板案例库

        联系电话:0755-82560826 82538016 82560635邮箱:qin@198bona.com地址:深圳市福田区皇岗路5007神采苑402栋610
    • 网站推广
      • ";

        网站优化基础

        建站优化

        网站优化

        营销推广

        整站优化

        推广帮助

        谷歌搜索

        推广方案

        推广套餐

        推广技巧

        百度排名

        巧用微博推广

        直播视频网站推广法

        微信推广网站方法

        网站外链推广

        公共微信号推广

        网站优化闲谈

        常见问题

        公司资讯

        联系电话:0755-82560826 82538016 82560635邮箱:qin@198bona.com地址:深圳市福田区皇岗路5007神采苑402栋610
    • 网站制作资讯
      • ";

        网站制作

        外贸网站建设

        网站设计

        网站代运营

        深圳网站建设专栏

        深圳小程序开发

        网站改版

        APP开发

        网站建设方案

        安全维护

        软件开发

        平台搭建

        建站行业资讯

        域名注册

        虚拟主机

        企业邮局

        国外主机

        VPS独享空间

        免备案香港服务器

        如何解析域名

        联系电话:0755-82560826 82538016 82560635邮箱:qin@198bona.com地址:深圳市福田区皇岗路5007神采苑402栋610
    • 网站报价
      • ";

        网站报价

        建站方案

        联系电话:0755-82560826 82538016 82560635邮箱:qin@198bona.com地址:深圳市福田区皇岗路5007神采苑402栋610
    • 公司动态
      • ";
        联系电话:0755-82560826 82538016 82560635邮箱:qin@198bona.com地址:深圳市福田区皇岗路5007神采苑402栋610
    • 关注博纳
      • ";

        网站制作精英团队

        网站建设公司愿景

        公司介绍

        主营业务

        博纳文化

        加入博纳

        联系电话:0755-82560826 82538016 82560635邮箱:qin@198bona.com地址:深圳市福田区皇岗路5007神采苑402栋610
    • 联系我们
      • ";

        网站建设公司联系方式

        网站建设、网站制作公司乘车路线

        联系电话:0755-82560826 82538016 82560635邮箱:qin@198bona.com地址:深圳市福田区皇岗路5007神采苑402栋610
      网站制作资讯

      当前位置:

        主页网站制作资讯建站行业资讯静态网站制作HTML基础语法经验分享

      静态网站制作HTML基础语法经验分享

      发布时间:2018-08-24

      文章编辑:网站建设 文章来源:建站行业资讯 浏览量:次

       网页制作,用户应该首先了解HTML。根据W3C网页规范化设计要求,网页应该遵循结构(Structure)、表现(Presentation)和行为(Behavior)的分离。结构:使用HTML设计网页标签,即网页结构和内容。表现:使用CSS设计网页样式,即网页显示效果。行为:使用JavaScript和DOM规范设计网页脚本,即网页特效、动画或者行为。因此,应该先掌握HTML语言基本语法和用法,能够熟练使用HTML标签。深圳网站制作编辑整理以下几种网页静态语法。

      一、认识HTML ,HTML表示超文本标识语言,使用HTML标签编写的文档称为HTML文档,目前最新版本是HTML5.0,使用最广泛的是HTML4.1版本。早期的HTML版本不适合构建标准化网页,因为它把结构和表现混淆在一起,例如,HTML把不同类型的元素,如描述性元素color、i等和结构性元素div、table等,以及元素属性放在一起,为以后的维护和管理埋下隐患。XHTML是HTML语言的升级版本,与HTML在语法和标签使用方面差别不大。熟悉HTML语言,再熟悉标准结构和规范,也就熟悉了XHTML语言。HTML作为一种网页内容标识语言,易学易懂,熟悉使用该语言可以制作功能强大、美观大方的网页。HTML语言的主要作用说明如下。
      1.使用HTMl语言标识文本。例如,定义标题文本、段落文本、列表文本、预定义文本等。
      2.使用HTML语言建立链接,通过链接可以访问互联网上的所有信息,当使用鼠标单击超链接时,会自动跳转到链接页面。
      3.使用HTML语言创建列表,把信息有序组织在一起,以方便浏览。
      4.使用HTMl语言在网页中显示图像、声音、视频、动画等多媒体信息,把网页设计得更富冲击力。
      5.使用HTML语言可以制作表格,以方便显示大量数据。
      6.使用HTML语言制作表单,允许在网页内输入文本信息,执行其他用户操作,方便信息互动。

      二、HTML文档基本结构HTML文档一般都应包含两部分:头部区域和主体区域。HTML文档基本结构由3个标签负责组织:<html>、<head>和<body>。其中<html>标签标识HTML文档,<head>标签标识头部区域,而<body>标签标识主体区域。一个完整的HTML文档基本结构如下:可以看到,每个标签都是成对组成,第一个标签(如<html>)表示标识的开始位置,而第二个标签(如</html>)表示标识的结束位置。<html>标签包含<head>和<body>标签,而<head>和<body>标签是并列排列。如果把上面字符代码放置在文本文件中,然后另存为“test.html”,就可以在浏览器中浏览了。当然,由于这个简单的HTML文档还没有包含任何信息,所以在浏览器中是看不到任何显示内容的。

      三、HTML基本语法编写HTML文档时,必须遵循HTML语法规范。HTML文档实际上就是一个文本文件,它由标签和信息混合组成,当然这些标签和信息必须遵循一定的组合规
      否则浏览器是无法解析的。HTML语言的规范条文不多,相信读者也很容易理解。从逻辑上分析,这些标签包含的内容就表示一类对象,也可以称为网页元素。从形式上分析,这些网页元素通过标签进行分隔,然后表达一定的语义。很多时候,我们把网页标签和网页元素混为一团,而实际上,网页文档就是由元素和标签组成的容器。
      1.所有标签都包含在“<”和“>”起止标识符中,构成一个标签。例如,<style>、<head>、<body>和<div>等。
      2.在HTML文档中,绝大多数元素都有起始标签和结束标签,在起始标签和结束标签之间包含的是元素主体。例如,<body>和</body>中间包含的就是网页内容主体。
      3.起始标签包含元素的名称,以及可选属性,也就是说元素的名称和属性都必须在起始标签中。结束标签以反斜杠开始,然后附加上元素名称。例如:<tag>元素主体</tag>元素的属性包含属性名称和属性值两部分,中间通过等号进行连接,多个属性之间通过空格进行分隔。属性与元素名称之间也是通过空格进行分隔。
      例如:<taga1="v1"a2="v2"a3="v3"……an="vn">元素主体</tag>少数元素的属性也可能不包含属性值,仅包含一个属性名称。
      例如:<taga1a2a3……an>元素主体</tag>一般属性值应该包含在引号内,虽然不加引号,浏览器也能够解析,但是读者应该养成良好的习惯。属性是可选的,元素包含多少个属性,也是不确定的,这主要根据不同元素而定。不同的元素会包含不同的属性。HTML也为所有元素定义了公共属性,如title、id、class、style等。虽然大部分标签都是成对出现,但是也有少数标签不是成对的,这些孤立的标签,被称为空标签。空标签标签仅包含起始标签,没有结束标签。例如:<tag>同样,空标签也可以包含很多属性,用来标识特殊效果或者功能,例如:<taga1="v1"a1="v1"a2="v2"……an="vn">标签可以相互嵌套,形成文档结构。嵌套必须匹配,不能交错嵌套,例如,<div><span></div></span>。合法的嵌套应该是包含或被包含的关系,例如,<div><span></span></div>或<span><div></div></span>。HTML文档所有信息必须包含在<html>标签中,所有文档元信息应包含在<head>子标签中,而HTML传递信息和网页显示内容应包含在<body>子标签中。深圳网站制作博纳网络编辑整理。全文未完,如对您有帮助,敬请继续关注本站。
       

      当前文章链接:/construction/jzhyzx/1259.html
      上一篇:网站制作前端导航有什么意义、做一个网站都需要什么工具? 下一篇:网站制作静态页面HTML语法实际操作经验分享(一)
      返回列表
      如果您觉得案例还不错请帮忙分享:

      [声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【qin@198bona.com 】,我们在确认后,会立即删除,保证您的版权。

      相关案例推荐

      • 优电电力培训

        优电电力培训

        企业网站

        优电电力培训

      • 山货四季商城网站建设案例

        山货四季商城网站建设案例

        商城门户

        山货四季商城网站建设案例

      • 新升贷

        新升贷

        APP

        新升贷

      资讯分类

      • 网站制作
      • 外贸网站建设
      • 网站设计
      • 网站代运营
      • 深圳网站建设专栏
      • 深圳小程序开发
      • 网站改版
      • APP开发
      • 网站建设方案
      • 安全维护
      • 软件开发
      • 平台搭建
      • 建站行业资讯
      • 域名注册
      • 虚拟主机
      • 企业邮局
      • 国外主机
      • VPS独享空间
      • 免备案香港服务器
      • 如何解析域名

      最新发布

      • 移动端网站建设对传统企业带来哪些好处?
      • 深圳网站建设有哪些标准和规范?
      • 做好企业网站建设用户体验可从哪些方面入手?
      • 深圳做网站的公司建设购物网站的流程是怎样的?
      • 深圳网站建设:专业的营销网站建设具有哪些特征?
      • 深圳网站建设:成功的手机网站必有的特征
      • 企业为什么要搭建自己独立的电商网站?
      • 建站价格贵的就是属于高端网站建设吗?
      • 深圳做网站的公司从搭建网站到完成大概需要多久?
      • 企业网站建设做好,流量是关键如何获取?

      相关资讯

      • 网站建设从业人员的前景-网页设计师
      • 网站制作行业的前景与制作人员应具备的素质
      • 2017互联网行业的发展现状与前景
      • APP网站在当今互联网+的政策支持下做好三点
      • APP网站引擎优化九点建议
      • 再谈网站文章原创性对网站质量的影响。
      • 网站营运推广必须要仔细分析客户的行业现状
      • 搜索引擎快照是如何影响网站权重的?
      • 中小微企业如何利用互联网+快步向前
      • 一个电子商务网站平台的优化历程

      热门搜索

      • 教育网站建设
      • 深圳网站建设
      • tP外包
      • 网站
      • 淘宝tTP公司
      • 企业网站制作
      • 网页设计
      • 网站建设公司
      • 网站设计
      • 网站建设方案

      Copyright © 2021 博纳网络 版权所有  粤ICP备17054727号

      • 🏠

        首页

      • 💬

        咨询

      • 📞

        通话

      • 📂

        案例

      • ⬆

        返回