网页基础

一.网页的组成

网页可以分为三大部分——HTML,CSS和Javascript;把网页比作一个人的话,HTML相当于骨架,CSS相当于皮肤,Javascript相当于肌肉。

HTML是用来描述网页的语言,全称为Hyper Text Markup Languag,即超文本标记语言 ;整个网页都是由各种标签嵌套组合而成,这些标签定义的节点元素互相嵌套和组合形成了复杂的层次关系,就形成了网页的架构。

CSS全称叫作Cascading Style Sheets,即层叠样式表,CSS来美化网页的样式。

Javascript简称JS,是一种脚本语言,实现了网页的实时,动态,交互的页面功能。

综上所述,HTML定义了网页的内容和结构,CSS描述了网页的布局,Javascript定义了网页的行为。

二.节点树和节点间的关系

在HTML中所有标签定义的内容都是节点,它们构成了一个HTML DOM树。

DOM是W3C(万维网联盟)的标准,其英文全称Document Object Model,即文档对象模型,它定义了访问HTML和XML文档的标准:W3C文档对象模型(DOM)是中立于平台和语言的接口,它允许程序和脚本动态的访问和更新文档的内容,结构和样式。

W3C DOM标准被分为3个不同的部分:

1).核心DOM:针对任何结构化文档的标准模型。
2).XML DOM:针对XML文档的标准模型。
3).HTML DOM:针对HTML文档的标准模型。

根据W3C的HTML DOM标准,HTML文档中的所有内容都是节点:

1)整个文档是一个文档节点
2)每个HTML元素是元素节点
3)HTML元素内的文本是文本节点
4)每个HTML属性是属性节点
5)注释是注释节点

通过HTML DOM,树中的所有节点都可以通过Javascript访问,所有HTML节点元素均可被修改,创建,删除

节点树中的节点彼此拥有层级关系,父(parent)子(child)兄弟(sibling)节点,顶端节点称为根(root)节点

转载于:https://www.cnblogs.com/python-road/p/11248715.html

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
基础知识和制作技术 <br> <br>  了解最基本的网页基础知识——HTML非常重要,同时也需要学习一些制作技术,有时候一个小小技巧也可以让你事半功倍。 <br><br>详细了解Anchor标记<br>HTML文件HEAD内部标记浅析 <br>实现HTML自动排版的法则 <br>快速精通FRAME(下)<br>快速精通FRAME(上) <br><br>网页图片特效小技巧 <br>网页设计技巧谈:走出路径的困惑 <br>网页图片热区定义 <br>提高页面显示速度的秘技 <br>用CSS使网页图片半透明 <br>网页小技巧:随心所欲的分隔线 <br><br> <br>网页常用特效整理:初级篇<br>网页常用特效整理:高级篇<br>网页常用特效整理:中级篇 <br><br><br><br>表格使用的常见问题及解决方法<br>活用表格美化网页<br>网页表格制作进阶<br>创建网页表格的基本原则和方法 <br>制作1px边框表格的几种方法<br>有关表格边框的CSS语法整理<br><br> <br> <br> <br>⊙ 网页设计理念 <br> <br>  有了好的设计理念,才能规划好一个精彩的网站…… <br><br>网页中的平衡、对比、连贯和留白 <br>韩国商业网站设计分析 <br>网页设计的布局理念 <br>平面文字的设计原则及组合 <br>网页配色之黄金分割法<br><br> <br>网页设计中“面”的视觉构成 <br>网页设计中“线”的视觉构成 <br>网页设计中“点”的视觉构成 <br>网页制作之“事不过三” <br>网页设计配色精彩十例 <br>

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值