网页制作知多少

网页制作知多少

一、通用模板:

<!DOCTYPE html>

<html lang=”en”>

<head>

<meta  charset=”UTF-8”/>

<title>文档标题</title>

<link  rel="shortcut icon"  href="img\wujiaoxing.ico"/>       <!--设置标题图标-->

</head>

<body>

<header  role=”banner”>

<nav  role=”navigation”> 页眉  </nav>

</header>

<main  role=”main”>

<article>

<p>主要内容</p>

</article>

</main>

<aside  role=”complementary” >附注栏的其他内容</aside>

<footer  role=”contentinfo”>页脚(如:版权)</footer>

</body>

</html>

二、网页三要素: 

    1.元素:

(1)同行显示:

<a> (链接标签) </a>

<em>(斜体标签)</em>

(2)换行显示:

<h1> (标题1标签) </h1>

<h2> (标题2标签) </h2>

<article> (文章标签)</article>

<p> (段落标签) </p>

<main></main>            <!--注:一个页面最多使用一次!不能放置header; footer ; aside; article中-->

<header> </header>

<footer> </footer>

<hr> (分隔线标签) </hr>

(3)笔者未知:

<img> (图像标签) </img>

<font> (字体标签) </font>

<b> (粗体标签) </b>

<i> (斜体标签) </i>

<u> (下划线标签) </u>

<sup>(上标标签) </sup>

<sub>(下标标签) </sub>

<audio>   </audio>

<video>    </video>

<li> (链接前加圆点)</li>

    2.属性:

<a>: href; title;

<img>: src; width; height; alt

3.值:http://www.w3school.com.cn/tags/html_ref_standardattributes.asp

三、其他:

    1.注释:

如:<!-- 我是被注释内容,并且在浏览器中不会显示 -->

2.学习相关链接:

网页特殊符号HTML代码大全:http://www.cnblogs.com/web-d/archive/2010/04/16/1713298.html

HTML 系列教程:http://www.w3school.com.cn/h.asp

各类标签及其用法:http://www.w3school.com.cn/tags/tag_doctype.asp

时间: 2024-08-09 10:44:50

网页制作知多少的相关文章

网页设计Dreamweaver网页制作 商业网站建设案例课程 ASP.NET基础实例教程 淘宝开店教程

热门推荐电脑办公计算机基础知识教程 Excel2010基础教程 Word2010基础教程 PPT2010基础教程 五笔打字视频教程 Excel函数应用教程 Excel VBA基础教程 WPS2013表格教程 更多>平面设计PhotoshopCS5教程 CorelDRAW X5视频教程 Photoshop商业修图教程 Illustrator CS6视频教程 更多>室内设计3Dsmax2012教程 效果图实例提高教程 室内设计实战教程 欧式效果图制作实例教程 AutoCAD2014室内设计 Aut

网页制作中的背景处理

在制作网页过程中,经常需要考虑页面中的留白问题,因为我们设计时,按大多数用户显示器的设置来制作内容区,即横向分辨率的设置是1024像素,可是用户设置是多样化的比如有的用户是1280.1440.1600.1680等,内容区之外会有很多的留白,为了美观起见,不可避免地需要对留白区进行一些处理. 下面是一般的做法. 1.用一个图片来做背景,其余的地方填充颜色. ①背景图很大,不铺: ②背景图片很长,只是横向铺而纵向不铺: ③一张图片横向纵向都铺. 根据效果选择,关键是背景图片的处理. 2.留白的地方要

网页制作技巧:iframe自适应高度

转自:http://www.enet.com.cn/article/2012/0620/A20120620126237.shtml 通过Google搜索iframe 自适应高度,结果5W多条,搜索iframe 高度自适应,结果2W多条. 我翻了前面的几十条,刨去大量的转载,有那么三五篇是原创的.而这几篇原创里面,基本上只谈到如何自适应静的东西,就是没有考虑到JS操作DOM之后,如何做动态同步的问题.另外,在兼容性方面,也研究的不彻底. 这篇文章,希望在这两个方面再做一些深入. 可能有人还没接触到

第一天:网页制作基础

第一章:网页制作基础 2016-7.18 20:40---23:42 1-1 网站的概述 网页与网站网站是由许多的网页构成的 新浪网是网站浏览器:国外流行的浏览器为火狐,国内为360安全浏览器,用最多的是电脑自带的IE网页的基本元素:网页标题.LOGO.导航栏(顶部或者左边).文本(最基本信息).超链接(必不可少).图片.表单(文本框.按钮) 1-2 初识Dreamweaver制作网站的流程:规划网站类型及主题 .搜集资料素材.使用软件进行网页制作.测试及发布网页三剑客:Dreamweaver(

网页制作的最后测试

随着时间的最后迫近,项目的提交时间也逐渐到来,测试的最后步骤也在持续进行着. 在项目的测试过程中,我们进行了功能测试,性能测试,安全性测试等等测试.因为网页制作的目的,更要在功能上体现出来,所以,功能的测试是我们测试的重点.在测试的过程中,BUG的图形是呈现波浪性的,因为只是设计出了初期的样子,所以很多漏洞,我们必须要找出一个,修复后,在测试过程中,有一次出现漏洞,这样反复修正,补充缺少的功能.至于安全性的测试上,这点尚无法得到相对应的保证,因为网络的安全构建是相对较难处理的项目.项目的压力测试

网页制作重点记录

最近一直在学习PHP开发,总想着随手把重点记录下来,有时候总是忘记记. 我的免费空间的域名cysky.kuphp.net   在第一版的个人网站(只是几个小网页) 使用了iframe嵌套网页功能,这个使用在相册和留言板方面还是有用的. 使用方法如下: 一.页面内加入 <iframe height="330" src="URL" frameborder="0" width="420"></iframe>

数学,数据库管理,网页制作

数学 集合元素区间 用00符号表达无限,-oo负无限大,+oo加无限大. 表示某个实数范围时,用区间表达. 集合{x|1小于等于x大于等于2}时表示[1,2]叫开区间,{x|1小于x大于2}时表示(1,2).叫闭区间.{x|1小于等于x大于2}时表示[1,2)叫半开半闭区间. 网页制作 网页必备:logo标志性图片,banner网络广告,导航栏,文本,图像,flash动画. 网页术语:因特网,超级文本,游览器,IP地址,url,http,ftp,域名. 制作网页:前期策划,收集素材,规划网站,制

HTML、DIV+CSS网页制作中排版混乱的几种常见的情况

对于Web前端初学者或者经验不够丰富的人来说,出现页面排版布局混乱的情况并不罕见,有时候明明前面部分的网页都很整齐美观,可是在接下来的部分中经常会出现网页布局混乱,比如content无法调整到开发者需要的位置,或者出现页面重叠的现象.以下内容是我个人在网页制作过程中关于网页排版混乱及其解决办法的一些经验总结,不足之处,希望大家互相补充学习. )DIV+CSS网页错位的原因与解决方法 常常我们会遇到我们要设置在一行显示的布局,却因为种种原因造成了错位,看到结果是在一行的最后一个盒子布局错位掉下去了

离线网页制作器(beta1.0)

1 package hhuarongdao; 2 /* 3 *使用方法: 先选择保存路径,然后输入相应的网址, 4 *然后会得到那个网页的离线版的 内容 5 * */ 6 import java.awt.BorderLayout; 7 import java.awt.Container; 8 import java.awt.FlowLayout; 9 import java.awt.Font; 10 import java.awt.event.ActionEvent; 11 import jav