网页基础知识

一、HTML语言

HTML语言翻译汉语为超文本标记语言。

二、网页的分类

1.静态页面：在静态页面中修改网页内容实际上就是修改网页原代码，不能从后台操作，数据来只能来源于原于代码。静态网页的后缀有.html .htm。

2.动态页面：动态页面可以从后台更改改，数据来源于数据库，后台更改后网页原代码不会发生变化。动态网页的后缀有 .php（php做的） .aspx（.net语言做的） .jsp（java做的）。

三、网页制作软件Dreamweaver

Dreamweaver简称DW，工作区分为三部分，分别为代码、拆分、设计，在制作网页时，推荐使用代码界面。

DW中还会用到的页面类型有CSS（样式设计，网页编码完成后对网页进行美化）、JavaScript（用来给HTML网页增加动态功能）、PHP（超文本预处理器，制作动态网页效果效果较好）

四、网页的基础语法

1.单元     网页的最小单元为标签，常见标签有双标签元素和单标签元素。

2.双标签元素    双标签元素是由两个标签构成的，构成形式为<标签名 属性>内容</标签名>，主要作用是作为网页内容的容器。

3.单标签元素    单标签元素是由一个标签构成的，构成形式为<标签名 属性>或者<标签名 属性/>，单元素标签的作用与双标签元素不同，一般起控制性作用。

4.语法注释    语法注释在网页代码中起注释作用，其标签只在网页原代码中显示，在网页中不会显示，只能为网页编程人员所见。注释语法形式为<!-- 需要注释的文字 -->。

五、网页基础标签

1. <html> 内容 </html>代表网页

2.<head>  </head>代表头标签，里面主要放控制性的东西。

3.<body>  </body>代表主题标签，里面主要放网页内容。

4.<meta>代表编码格式，我们在学习DW时选择的编码为utf-8，utf-8是众多格式里面的一种，也是国际通用的编码格式。我国通用的编码为GB2312。

5.<title></title>代表网页标题，是在打开网页时显示的网页名称。

通用标签、属性

一、body属性

1.bgcolor属性：网页背景颜色

2.text属性：规定文档中所有文本的颜色。

3.background属性：规定文档的背景图像。

二、路径

1.绝对路径： 从根开始的，越来越具体，逐渐具体到目标文件。“/” 表示在某一个文件夹里面。

2.相对路径： 从自身开始的，同属于一个目录下的。“./”表示当前目录；“../”代表上级目录；“/”代表根

注意：所有的文件路径都是正斜杠（/），Windos系统里面的都是反斜杠（＼）

三、格式控制

1.<font>  规定文本的字体、字体尺寸、字体颜色。

　　①color:字体颜色;②face:字体样式;③size字体大小，字体选择时，+1就是原字体的1倍，+2就是原字体的2倍，依次类推。

2.格式控制：<b>：加粗

<i>：倾斜

<u>：下划线

<strong>：加粗    强调，语气加强用。

<em>：倾斜  强调，语气加强用。

<br>：换行

&nbsp：空格

<h1>--<h6>：做标题的，<h1>—<h6>标题递减。

<p>：做段落

<span>：层标签    一般用来存放文字，文字内容多大就占用多大的地方

<div>：层标签     什么文件都可以存放，默认占用一行。

需要注意的几点：1.网站字体一般选择微软雅黑，如果选择别的字体，其他电脑用户电脑里没有这种字体的话就显示不出来这种字体。

2.写代码时写完开始立马写结束，最后再写内容。

3.代码换行时，不能不加换行，也不能每行标签都加换行，最好是每一个功能块之间加换行。

4.在编写代码时，所有代码包括符号都必须是在输入法在英文状态下编写的。

通用标签（有序列表、无序列表、常用标签）

<ol><li>：有序序列

  1. <ol type="1">
  2.     <li>第一项</li>
  3.     <li>第二项</li>
  4.     <li>第三项</li>
  5. </ol>

网页上显示为

  1. 第一项
  2. 第二项
  3. 第三项 
    1. <ol type="I">
    2.     <li>第一项</li>
    3.     <li>第二项</li>
    4.     <li>第三项</li>
    5. </ol>

上面代码在网页上显示为

I.第一项

II.第二项

III.第三项

<ul><li> ：无序列表

  1. <ul type="square">
  2.     <li>第一项</li>
  3.     <li>第二项</li>
  4.     <li>第三项</li>
  5. </ul>

网页上显示为

■ 第一项

■  第二项

■ 第三项

square=■     circle=○    disc=●

常用标签

一、<a></a>

1.超链接    <a href="http://www.baidu.com">百度</a>

2.超链接的条件   ① 超链接的内容

②指向明确   在href属性里面写上指向的地方

3.功能

①做超链接

②做下载   下载的内容为href指向的文件。不能作为下载的内容的文件有文本文档、图片文件、网页文件，不能下载的原因是此三种文件都可以在网页上打开。

③做锚点    先做一个锚点，锚点代码为<a name="top"></a>。再在其它地方做一个回到锚点的代码，代码为<a href="#top"></a>回到顶部，注意top前面的#健。

二.<img/>单标签元素

1.src    图片的路径   <a href="9c7b9c15d195f155b8127b26.jpg">图片显示名称</a>

2.width   图片的宽度  <img src="91a0ce0020c142541c958332.jpg" width="72" height="96" alt="网页图标" title="测试图片" />

3.height  图片的高度

4.alt    提示文字    当图片由于某些原因显示不出来时，图片位置显示的字体

5.title  图片的标题   鼠标放上几秒后显示

6.图片超链接   点击图片会连接到一个网址     网站超链接里面的文字嵌套成图片

  1. <a href="http://www.baidu.com">
  2. 　　<img src="91a0ce0020c142541c958332.jpg" />
  3. </a>

9月5日网页基础知识 通用标签、属性（body属性、路径、格式控制） 通用标签（有序列表、无序列表、常用标签）（补）的更多相关文章

  1. 2017年5月22日 HTML基础知识（一）

    一.Html 结构 1.1.HTML基本文档格式—<html> 标记 —<html>文档的头部好和主体内容 </html>  根标记 —<head> 文 ...

  2. 10月28日PHP基础知识测试题

    本试题共40道选择题,10道判断题,考试时间1个半小时 一:选择题(单项选择,每题2分): 1． LAMP具体结构不包含下面哪种(A) A:Windows系统 B:Apache服务器 C:MySQL数 ...

  3. 2017年5月24日 HTML 基础知识（二）

    1 快捷方式:html:xt +tab   过渡XHTML html:xs+tab  严格XHTML !+tab  html5的标签结构 2.Charset   编码 <meta charset ...

  4. 2015年12月28日 Java基础系列（六）流

    2015年12月28日 Java基础系列(六)流2015年12月28日 Java基础系列(六)流2015年12月28日 Java基础系列(六)流

  5. 第一天上午——HTML网页基础知识以及相关内容

    今天上午学习了HTML基础知识以及相关内容,还有DW的基本使用方法. HTML(HyperText Markup Language):超文本标记语言,超文本:网页中除了包含文本文字之外,还包含了图片, ...

  6. 1月10日 ruby基础教程，查漏补缺； 2月22日 Exception补充

    https://ruby-doc.org/core-2.5.0/Exception.html 1月20日练习完1,2章. 第一章 初探 ‘’单引号不执行转义符. \t 制表符.\n 换行符. p me ...

  7. 2015年12月13日 spring初级知识讲解（四）面向切面的Spring

    2015年12月13日 具体内容待补充...

  8. 2015年9月29日html基础加强学习笔记

    创建一个最简便的浏览器 首先打开VS2010,然后在空间里拖出一个Form控件当主页面,其次拖出一个Textbox控件作为地址栏,然后加一个Button控件作为按钮,最后拖出一个WebBrowser作 ...

  9. 2015年11月30日 spring初级知识讲解（一）装配Bean

    序,Spring的依赖注入是学习spring的基础.IOC为控制反转,意思是需要的时候就由spring生成一个,而不是先生成再使用. 写在前面 Spring提供面向接口编程,面向接口编程与依赖注入协作 ...

随机推荐

  1. 十天冲刺---Day10

    站立式会议 站立式会议内容总结: 燃尽图 照片 没课的周三,队员们共同在活动室奋战了一个下午 继续保持迭代,在周六前完成alpha版本

  2. PHP值传递和引用传递的区别

    PHP值传递和引用传递的区别.什么时候传值什么时候传引用 (1)按值传递:函数范围内对值的任何改变在函数外部都会被忽略 (2)按引用传递:函数范围内对值的任何改变在函数外部也能反映出这些修改 (3)优 ...

  3. [转] easyui 获取数据表格中选中行的数据 Get selected row data from...

    原文地址:http://my.oschina.net/meSpace/blog/41463 http://www.easyui.net/2010/06/easyui-tutorial-get-sele ...

  4. mysql-case ... when...then...else...end处理判断赋值机制

    then jrkp else zrspj end ))/(case zrspj then jrkp else zrspj end ) zdf from hqxg order by zdf LIMIT ...

  5. java的执行与加载的过程

    第一.我们编写一个.java源文件: 第二.通过编译器javac.exe把.java源文件编译为.class字节码文件并装入类装载器里: 第三.java虚拟机java.exe把字节码文件解释为各个平台 ...

  6. 如何破解Excel文档的编辑密码

    对于Excel文档我们不仅可以设置打开密码,还可以设置几天几种密码,比如编辑密码.编辑密码又称写保护密码,是一种可以限制编辑权限的密码.如果我们在日常工作中发现自己忘记了excel编辑密码的话,那就需 ...

  7. iOS进度条显示

    一.实现下载文件进度控制 1.代码示例 1 #import "YYViewController.h" 2 3 @interface YYViewController () 4 @p ...

  8. BZOJ 2683: 简单题

    2683: 简单题 Time Limit: 50 Sec  Memory Limit: 128 MBSubmit: 913  Solved: 379[Submit][Status][Discuss] ...

  9. 【BZOJ-2503】相框 并查集 + 分类讨论

    2503: 相框 Time Limit: 3 Sec  Memory Limit: 128 MBSubmit: 71  Solved: 31[Submit][Status][Discuss] Desc ...

  10. 【poj1260】 Pearls

    http://poj.org/problem?id=1260 (题目链接) 题意 购买珍珠,所有珍珠分成n个档次,第i个档次购买每个珍珠的价格为p[i],需要购买第i档次的珍珠a[i]个.若要购买第i ...