网页三部份内容:HTML CSS Javascript

路径:一般做网页的时候用的相对路径。

images/aaa.jpg 网页同一个目录中找images文件夹,再在images里面找aaa.jpg

images/1000/aaa.jpg 网页同一个目录中找images文件夹,再在images里面找1000文件夹,再在1000文件夹中找aaa.jpg

../images/aaa.jpg 找网页上一级文件,在网页上一级文件夹中找images文件夹,在images文件夹中找aaa.jpg

../../images/aaa.jpg 找网页上两级文件,在网页上两级文件夹中找images文件夹,在images文件夹中找aaa.jpg

一、body:

bgcolor

background

topmargin

rightmargin

bottommargin

leftmargin

body以上的属性仅做了解。

二、标签:

(一)基本标签:

1.格式控制:

<font face="字体名称" color="颜色" size="大小"></font> 字体

<b></b>加粗 <strong></strong>

<i></i>倾斜 <em></em>

<u></u>下划线

<br>

<pre></pre> <center></center>

转义:——需要记住

——空格

<——小于号 <

>——大于号 >

&——&

© ——©

2.内容容器:

<h1></h1> ...<h6></h6>  ——标题。默认情况下,加粗,独立一行

<p></p> ——段落。独立一段,默认情况下,段落前后都会有一行大小的空白。

<div></div>——区域标签,层标签。用来划分网页区域,进行页布局。前后换行。

<span></span>——区域标签,层标签。前后不换行。

<ul></ul>——无序列表标签。

<ol></ol>——有序列表标签。

<li></li>——列表项标签,用来放在ol或ul里面的。

(二)常用标签:

1. 超链接

<a href="超链接的路径" target="_blank">超链接显示的内容</a>

书签:

第一步:定义书签 <a name="书签名">内容</a>

第二步:定义超链接 <a href="页面名#书签名">超链接文字</a>

2.图片

<img src="路径(相对)" width="" height="" alt=""/>

3.图片超链接

<a href="超链接的路径"> <img src="图片路径"/> </a>

(三)表格:

<table></table>

bgcolor:背景色。

align:表格在页面中的对齐方式。

width:宽  像素,百分比。

border:边框宽度

cellpadding:边距

cellspacing:间距

<tr></tr>

bgcolor:背景色

align:这一行中的文字的对齐方式

height:高度,一般是像素,也可设百分比。

<td></td>

bgcolor:背景色

align:水平对齐

valign:竖直对齐

width:宽

height:高

colspan:列的跨度。

rowspan:行的跨度。

注意:合并单元格的时候,一定要算好格好。

(四)表单:

<form id="" name="" action="" method=""></form>

1.文本类

单行文本框:<input id="" name="" type="text" value="内容"/>

多行文本框:<textarea id="" name="" rows="行数" cols="列数">内容</textarea>

密码框:<input id="" name="" type="password" value="内容"/>

隐藏域:<input id="" name="" type="hidden" value="内容"/>

2.按钮类

普通按钮:<input id="" name="" type="button" value="按钮上的文字"/>

提交按钮:<input id="" name="" type="submit" value="按钮上的文字"/>

重置按钮:<input id="" name="" type="reset" value="按钮上的文字"/>

图片按钮:<input id="" name="" type="image" src="图片的路径" width="宽" height="高"/>

3.选择类

单选

复选

列表

文件

(五)框架:

HTML1网页三部份内容的更多相关文章

  1. html-禁用右键、键盘F12、网页上选取内容、复制、粘贴

    摘要 为了保护我们的代码,我们需要想些办法禁止复制. css: body{     -webkit-touch-callout: none;    -webkit-user-select: none; ...

  2. javascript怎么获取指定url网页中的内容

    javascript怎么获取指定url网页中的内容 一.总结 一句话总结:推荐jquery中ajax,简单方便. 1.js能跨域操作么? javascript出于安全机制不允许跨域操作的. 二.用ph ...

  3. 输出内容 document.write() 可用于直接向 HTML 输出流写内容。简单的说就是直接在网页中输出内容

    输出内容(document.write) document.write() 可用于直接向 HTML 输出流写内容.简单的说就是直接在网页中输出内容. 第一种:输出内容用""括起,直 ...

  4. 用Word收集网页中的内容,用文档结构图整理

    如何用Word保存网页中的内容 网页中的内容,用什么保存好? 用笔记类软件是个不错的选择,还可以用 Word 保存,这样方便用“文档结构图”来整理网页. 如图:网页收集后用文档结构图进行整理. (图一 ...

  5. 通过CSS让html网页中的内容不可选

    *{ moz-user-select: -moz-none; -moz-user-select: none; -o-user-select:none; -khtml-user-select:none; ...

  6. delphi : 取得网页源码内容

    取得网页的源码内容的函数以及调用方法供大家参考: program geturl; uses wininet, windows; //取网页内容 function StrPas(const Str: P ...

  7. 获取WebView加载HTML时网页中的内容

    main.xml如下: [html] view plaincopy <RelativeLayout xmlns:android="http://schemas.android.com/ ...

  8. 在ASP.NET2.0里打印网页指定的内容(比如打印网页里的一个Table)

    原文:在ASP.NET2.0里打印网页指定的内容(比如打印网页里的一个Table) 打印指定内容: <html> <head> <script   type= " ...

  9. php抓取网页中的内容

    以下就是几种常用的用php抓取网页中的内容的方法.1.file_get_contentsPHP代码代码如下:>>>>>>>>>>>&g ...

随机推荐

  1. VLC-Android和VLC几个关键宏定义的分析

    在用SourceInsight分析VLC-Android源码过程中,有几个宏定义在源代码中一直没有找到出处,比如 HAVE_DYNAMIC_PLUGINS和__PLUGIN__,以及MODULE_NA ...

  2. 解决获取IP地址时出现“在一个非套…

    今天单位的一台机器在用IPCONFIG/RENEW时遇到了这个问题,上网查了一下,网上的版本在对XP不太好用,网上的版本如下: 1.从注册表中备份以下项:(当然也可以用Erunt备份整个注册表)HKE ...

  3. C# 调用c++报错可能性分析

    1.在调用之前,可以用工具(Dependency)检测下c++库所依赖的文件,看是否有错误.如果有错误,请先下补充所需运行环境. 2.如果c++ 函数 形参需要C#传入结构体,可如下: [Struct ...

  4. MongoDB的save 和insert函数的区别

    mongodb的save和insert函数都可以向collection里插入数据,但两者是有两个区别: 一.使用save函数里,如果原来的对象不存在,那他们都可以向collection里插入数据,如果 ...

  5. jq插件又来了,模拟select下拉框,支持上下方向键哦

    好久没来了,更新下插件, 这个原理就是利用的 input[type='hidden']和自定义属性data-value捆绑传值操作的,可是设置默认选项,回调等参数,代码不多,比较简单,吼吼 (func ...

  6. Oracle之PLSQL总结

    基本数据类型变量 1. 基本数据类型     Number 数字型     Int 整数型     Pls_integer 整数型,产生溢出时出现错误 Binary_integer 整数型,表示带符号 ...

  7. 变量 - PHP手册笔记

    基础 PHP中的变量用一个美元符号后面跟变量名来表示.变量名是区分大小写的,并且出现中文可能也是合法的. 变量默认总是传值赋值.PHP也提供了另外一种方式给变量赋值:引用赋值.这意味着新的变量简单的引 ...

  8. python实现简单表单校验框架

    # encoding=utf-8 from app.models import Student from flask import g import re from flask.ext.wtf imp ...

  9. Mybatis.net与MVC入门配置及联合查询动态SQL拼接和简单事务

    第一次学习Mybatis.net,在博客园也找到好多资料,但是在配置成功之后也遇到了一些问题,尤其是在动态SQl拼接时候,这里把遇到的问题还有自己写的一个Demo贴出来,希望能帮到新手,有不适合的地方 ...

  10. EasyUI 使用心得

    最近项目中用到EasyUI,总结了一下 注:EasyUI中所有的控件不能重名,否则会出现意向不到的后果.这是EasyUI框架决定的. ① EasyUI 获取文本框中的值 //日期 $('#beginD ...