笔记4_看张鹏老师html+css视频所得

news/2024/7/3 13:12:39 标签: web前端开发, xhtml, excel


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/1622806.html

相关文章

如何下载被标记为不安全的文件?

我们使用 IE 时&#xff0c;可以观察到 Internet Explorer 有一种安全检查机制叫做 SmartScreen&#xff0c;虽然它不是一种安全壁垒&#xff0c;但是可以有效帮助减少来自互联网的欺骗与其他风险。 SmartScreen 筛选器在起初设计时&#xff0c;是为了检查 IE 访问的 URL&#…

c语言实验报告 通讯录,C语言实验报告材料 通讯录.doc

实用PAGE文案C语言集中上机报告通信录通信录院 系&#xff1a; 班 级&#xff1a;姓 名&#xff1a;合 作 者&#xff1a;指导教师&#xff1a;2015年6月1日目 录TOC \o "1-3" \h \z 一 概述 3课程设计的目的 3二 总体方案 4三 程序的调试与运行结果说明4四 课程设计…

c语言中有哪些循环可用语句,互联网常识:C语言中要改变循环语句的流程可以使用的语句有哪些...

跟大家讲解下有关C语言中要改变循环语句的流程可以使用的语句有哪些&#xff0c;相信小伙伴们对这个话题应该也很关注吧&#xff0c;现在就为小伙伴们说说C语言中要改变循环语句的流程可以使用的语句有哪些&#xff0c;小编也收集到了有关C语言中要改变循环语句的流程可以使用的…

网页设计小工具

1、开发工具&#xff1a;EditPlus &#xff08;1&#xff09;编辑器有高亮提示&#xff0c;如果写错了会有提示 &#xff08;2&#xff09;如何在编辑器里新建网页&#xff1a;文件---新建html网页 &#xff08;3&#xff09;自己定义模板方法&#xff1a; [1] 对EditPlus右…

诡异的CBO参数_optimizer_use_histograms

_optimizer_use_histograms是一个CBO隐藏参数&#xff0c;目前所知该参数负责让CBO optimizer启用/禁用Histogram(This parameter enables/disables the usage of histograms by the optimizer.) 不过诡异的是这个参数在10gR2、12cR1中均存在&#xff0c;但是在11gR2中消失了…

android浏览器自动全屏,android-完整的网页和所有移动浏览器的禁用的缩放视口元标记...

不幸的是&#xff0c;每个浏览器都有自己的视口元标记实现。 不同的组合将在不同的浏览器上工作。Android 2.2&#xff1a;似乎根本不支持视口元标记。Android 2.3.x / 3.x&#xff1a;通过设置user-scalable no&#xff0c;您也可以自己禁用视口meta标签的缩放。 这可能就是您…

注释标记、body标记、字体标记、段落标记

1、注释 <!--注释内容--> 浏览器能读的到&#xff0c;但不会显示出来 2、网页主体标记body <body bgcolor"背景颜色" background"背景图像" text"文本颜色" link"链接文本颜色"> vlink"访问过的文本颜色" al…

Linux网络服务_DNS子域授权-Redhat Enterprise 5.9

Linux网络服务_DNS子域授权-Redhat Enterprise 5.9 实验环境&#xff1a;server1、server2、cli1------都为RedhatEnterprise 5.9 Linux系统 server1为父DNS服务器&#xff1a;解析tarena.com域中的主机 server2为子DNS服务器&#xff1a;解析bj.tarena.com域中的主机 目的&…