网页基础

一、网页结构

网页可以分为三大部分HTML、CSS和JavaScript。

1.HTML:
网页的基础架构就是HTML,不同类型的文字通过不同类型的标签表示,如图片用img标签表示,段落用p标签表示,它们之间的布局又常通过布局标签div嵌套组合而成,a 标签定义超链接,用于从一张页面链接到另一张页面,a元素最重要的属性是 href 属性,它指示链接的目标。各种标签通过不同的排列和嵌套形成了网页的框架。

2.CSS:
网页页面排版样式标准

在网页中,一般会统一定义整个网页的样式规则,并写入CSS文件中(其后缀为CSS)。
在HTML中,只需要用link标签即可引入写好的文件,这样整个页面就会变得美观。

3.JavaScript
简称JS,后缀为js,是一种脚本语言,HTML和CSS配合使用时,提供给用户的只是静态页面,缺乏交互性。
网页中的动画和交互效果需要用JavaScript实现。
在HTML中,通过script标签引入。

二、节点之间的关系

一个网页的标准形式是 html 标签内嵌套 head 和body标签, head内定义网页的配置和引用,body 内定义网页的正文。

**HTML DOM树:**针对HTML文档的标准模型,它将HTML文档视作树结构,这种结构被称为节点树。

选择器:
在CSS中使用选择器来定位节点,可以根据id,class和标签名筛选,若div节点的id为container,那么就可以表示为#container,#开头表示选择id,.开头表示选择class。
此外CSS还支持嵌套筛选,语法规则如图所示:
在这里插入图片描述

在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 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、付费专栏及课程。

余额充值