网页布局核心思想和小知识点

news/2024/7/21 4:13:30 标签: excel, xhtml, 网页设计, 布局


1、网页布局


(1)网页如何去排版(布局)---传统通过table进行排版----主流是通过xhtml+css布局


(2)布局的核心思想:----即过程

【1】分析页面结构图

【2】选择适合标签来规划我们的内容

【3】再通过css来控制这些内容样式


(3)布局分析:先从大的区域再到局部区域

(4)布局时,可以先输入一些,数字,简单文字说明,占位(将来再用具体的内容替换它,这里主要目的是先把结构看清楚)

(5)布局思想:排版

【1】从大向小排版

【2】从左向右排版,从上向下---按人视觉习惯

(6)网页制作过程:

【1】先分析页面结构,这个页面内容大概分为哪些部分

【2】在适合的html标记中,加入页面的内容(信息)----信息载体---文字,图片


2、我们在写html代码时的流程:


【1】先写控制内容的标记,比如这部分内容比较重要,可以在语义上加权(加重)一些

  <strong>关键字</strong>

【2】这部分内容是文章网页的主题---推荐使用 <h1>文章标题</h1>



3、知识点


(1)在xhtml中,所有的标签都必须要有属性值,如果没有,则使用属性名

    例如:<hr noshade="noshade" />----xhtml

                                 <hr noshade>----html

(2)记住,某些html标记,都有默认值

          比如:

        h1~h6标记,默认文字是加粗显示。

        leftmargin="" 网页文字距离浏览器边框还是有距离的


4、小知识1:


(1)html元素,html标签,html标记,其实都是一个意思

(2)背景属性有一个层次关系:背景图片在上,背景颜色在下

(3)默认情况下网页内容与浏览器边框之间是有距离的(即默认值)

(4)网页编辑了一定要保存

(5)文件都有文件名,网页的文件名 如html文件,建议都使用英文

(6)可以直接输入标记,查看标记的默认显示状态

(7)dt代表一个标题(或叫项目)

(8)在网页里加任何内容都需要html标记,要在html里加东西,首先要想到我需要加什么标记

(9)html有什么作用? 答:控制网页内容(让浏览者看到的信息)

(10)要让页面足够长?最简单的方法是加很多空段<p>&nbsp;</p>

(11)w3school中某标记的标准属性是指所有的html标记都有

5、小知识2:


(1) 网页文字就直接写在代码里就可以了,而 图片是一个文件,把图片直接拖到.html网页是拖不进去的,怎么办呢?那就 把图片的路径插入到这个网页里

2)在网页上点右键-查看源代码后,浏览器的原因,有的源代码上方有文件菜单--查找;而有的没有文件菜单,那怎么调出查找对话框呢?答:ctrl+F

(3)在Excel中,鼠标点击一个格子,这是菜单栏插入---形状才管用;

  画好一个形状,如矩形,鼠标拖动矩形的同时按住ctrl键,到另一个地方松手,可复制这个矩形。

(4)html文件其实与我们常用的一些文件很相似,如Word文件--.doc保存普通文字和图片

  html文件中不仅可以放置普通文字与图片,还可以放置视频与音频等多媒体元素。

(5)测试参数时,建议,用一个大的参数用一小的参数





http://www.niftyadmin.cn/n/1622793.html

相关文章

力扣 131. 分割回文串

题目来源&#xff1a;https://leetcode.cn/problems/palindrome-partitioning/description/ C题解1&#xff1a; 直接回溯。 传入参数&#xff1a;字符串s和已切割的位置startind&#xff1b;终止条件&#xff1a;已切割的位置大于等于字符串的长度范围&#xff0c;保存已切割…

SQL注入点搜索关键字

注入点关键字 个人从网上和一些教程钟归纳了一些批量搜索注入点的关键字&#xff0c;分享给大家使用&#xff0c;有些关键字还可以扩展&#xff0c;寻找注入点靠的不是其他&#xff0c;就是自己的想象力&#xff01;下面的关键字可以随意组合。NewsInfo.asp?id otherinfo.asp…

stopstart按钮怎么用_做自媒体,手机这样上传用头条发布视频才有收益,你弄明白了吗?...

本篇文章有趣互说原创&#xff0c;想看视频版也可以点击趣互说三个字观看&#xff0c;违者必究&#xff01;老胡聊自媒体&#xff0c;满足你的所有疑问&#xff0c;助你早日开启自媒体之路&#xff0c;大家好&#xff0c;我是北漂老胡&#xff0c;这篇文章给大家讲讲如何将剪辑…

看书《DIV+CSS商业案例与网页布局开发精讲》_CSS语法_随手笔记

1、CSS 的作用是通过结构语言来实现的&#xff0c;通过结构做桥梁&#xff0c;控制页面内容的显示效果&#xff08;即表现&#xff09; 2、CSS语法 包括3个方面&#xff0c;即选择符、属性、属性值 选择符 { 属性&#xff1a;属性值&#xff1b;} 说明&#xff1a; &#x…

android 短信发送报告,Android中的短信发送报告

我想收到短信发送报告我正在尝试很多例子但是,一个流程没有显示发送报告,如果我的余额为0,当我的代码中的短信发送不显示短信发送报告失败,否则显示报告,如没有服务等..我想要当我的余额为0时,查找短信发送失败的送达报告.帮我任何代码&#xff01;提前致谢&#xff01;Broadca…

map分组后取前10个_郑州机场货运增速 前10个月中有6个月全国第一

河南商报首席记者吴军河南省前三季度物流运行数据新鲜出炉。12月9日&#xff0c;河南商报记者从省物联获悉&#xff0c;2020年前三季度&#xff0c;河南省社会物流总额为114791.6亿元&#xff0c;按可比价格计算同比增长3.0%&#xff0c;高于全国平均增速1.0个百分点。其中&…

看书《DIV+CSS商业案例与网页布局开发精讲》_DOCTYPE的选择_随手笔记

1、DOCTYPE的选择 也就是文档类型的选择&#xff0c;这决定页面元素和定义的CSS会不会生效。因为在不同的DOCTYPE中&#xff0c;页面中可以使用的HTML元素不同。 2、什么是DOCTYPE&#xff1f; DOCTYPE是Document Type&#xff08;文档类型&#xff09;的简写&#xff0c;在页面…

android studio 中出现...ProjectScript\buildscript\cache.properties.lock

Owner PID: unknownOur PID: 8496Owner Operation: unknownOur operation: Initialize cacheLock file: C:\Users\Administrator\.gradle\caches\2.2.1\scripts\build_81ep6udn3nlzszbotl32uedjz\ProjectScript\buildscript\cache.properties.lock找到红色标识部分文件然后删除…