DIV+CSS布局基础：HTML标记（三）

最新推荐文章于 2024-10-20 16:51:54 发布
最新推荐文章于 2024-10-20 16:51:54 发布
阅读量640 收藏
点赞数
文章标签： css html div vbscript javascript class

style="WIDTH: 89.81%; HEIGHT: 64px" src="http://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-4577827332549849&dt=1192819750500&lmt=1192819750&prev_fmts=468x60_as&format=468x15_0ads_al_s&output=html&correlator=1192819750437&channel=1741427766&pv_ch=1741427766%2B&url=http%3A%2F%2Fyzkzoo.5d6d.com%2Fthread-68-1-1.html&color_bg=FFFFFF&color_text=000000&color_link=0000FF&color_url=008000&color_border=336699&ref=http%3A%2F%2Fyzkzoo.5d6d.com%2Fforum-16-1.html&cc=100&ga_vid=1025434795.1192631677&ga_sid=1192817968&ga_hid=1871659779&ga_fc=true&flash=8&u_h=768&u_w=1024&u_ah=738&u_aw=1024&u_cd=32&u_tz=480&u_his=2&u_java=true">

style="WIDTH: 82.23%; HEIGHT: 74px" src="http://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-4577827332549849&dt=1192818497343&lmt=1192818497&format=468x60_as&output=html&correlator=1192818497343&channel=1741427766&url=http%3A%2F%2Fyzkzoo.5d6d.com%2Fthread-68-1-1.html&color_bg=FFFFFF&color_text=000000&color_link=0000FF&color_url=008000&color_border=336699&ad_type=text_image&ref=http%3A%2F%2Fyzkzoo.5d6d.com%2Fforumdisplay.php%3Ffid%3D16%26page%3D1&ui=rc%3A6&cc=100&ga_vid=1025434795.1192631677&ga_sid=1192817968&ga_hid=1000484876&ga_fc=true&flash=8&u_h=768&u_w=1024&u_ah=738&u_aw=1024&u_cd=32&u_tz=480&u_his=6&u_java=true">

 41-------------------------------------------------------------------------- 
<HTML 
TITLE=text 
>  
说明：HTML文本起始元素，通知浏览器该文档为HTML文档。需要结标记。  

42-------------------------------------------------------------------------- 
<I 
CLASS=classname 
ID=value 
LANG=language 
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS  
STYLE=css1-properties 
TITLE=text 
event = script 
>  
说明：将文本用斜体显示。需要结束标记。  

43-------------------------------------------------------------------------------- 
<IFRAME 
ALIGN=ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE |  
RIGHT | TEXTTOP | TOP 
BORDER=pixels 
BORDERCOLOR=color 
CLASS=classname 
DATAFLD=colname 
DATASRC=#ID 
FRAMEBORDER=NO | YES | 0 | 1 
FRAMESPACING=pixels 
HEIGHT=n 
HSPACE=pixels 
ID=value 
LANG=language 
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS  
MARGINHEIGHT=pixels 
MARGINWIDTH=pixels 
NAME=window_name | _blank | _parent | _self | _top 
NORESIZE=NORESIZE | RESIZE 
SCROLLING=AUTO | NO | YES 
SRC=url 
STYLE=css1-properties 
TITLE=text 
VSPACE=pixels 
WIDTH=n 
>  
说明：在文档中嵌入一个浮动框架。需要结束标记。  

44-------------------------------------------------------------------------------- 
<IMG 
ALIGN=ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE |  
RIGHT | TEXTTOP | TOP 
ALT=text 
BORDER=n 
CLASS=classname 
DATAFLD=colname 
DATASRC=#ID 
DYNSRC=url 
HEIGHT=n 
HSPACE=n 
ID=value 
ISMAP 
LANG=language 
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS  
LOOP=n 
LOWSRC=url 
NAME=name 
SRC=url 
STYLE=css1-properties 
TITLE=text 
USEMAP=url 
VSPACE=n 
WIDTH=n 
event = script 
>  
说明：在文档中插入一幅图像或一段视频。  

45-------------------------------------------------------------------------------- 
<INPUT 
ACCESSKEY=key 
ALIGN=LEFT | CENTER | RIGHT 
ALT=text 
CLASS=classname 
DISABLED 
DYNSRC=url 
ID=value 
LANG=language 
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS  
LOWSRC=url 
MAXLENGTH=n 
NAME=name 
READONLY 
SIZE=n 
SRC=url 
STYLE=css1-properties 
TABINDEX=n 
TITLE=text 
TYPE=BUTTON | CHECKBOX | FILE | HIDDEN | IMAGE | PASSWORD | RADIO |  
RESET | SUBMIT | TEXT 
VALUE=value 
event = script 
>  
说明：设置FORM中的输入控件，TYPE属性指明控件类型，需要设置NAME。无结束标记。  

46-------------------------------------------------------------------------------- 
<INS 
CLASS=classname 
ID=value 
LANG=language 
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 
STYLE=css1-properties 
TITLE=text 
event = script 
>  
说明：指出新加入文档的文本内容。需要结束标记。  

47-------------------------------------------------------------------------------- 
<ISINDEX 
CLASS=classname 
ID=value 
LANG=language 
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS  
STYLE=css1-properties 
PROMPT=text 
>  
说明：通知浏览器该文档是一个索引文件。用户可对该文档进行关键词搜索。 
 
48-------------------------------------------------------------------------------- 
<KBD
CLASS=classname 
ID=value 
LANG=language 
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS  
STYLE=css1-properties 
TITLE=text 
event = script 
>  
说明：指明用户应该用键盘输入的文字，一般用等宽字体显示。需要结束标记。  

49-------------------------------------------------------------------------------- 
<LABEL 
ACCESSKEY=key 
CLASS=classname 
DATAFLD=colname 
DATAFORMATAS=HTML | TEXT 
DATASRC=#ID 
FOR=ID 
ID=value 
LANG=language 
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS  
STYLE=css1-properties 
TITLE=text 
event = script 
>  
说明：说明一个标签。不可嵌套。需要结束标记。  

50-------------------------------------------------------------------------------- 
<LEGEND 
ALIGN=BOTTOM | CENTER | LEFT | RIGHT | TOP 
CLASS=classname 
ID=value 
LANG=language 
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 
STYLE=css1-properties  
TITLE=text 
VALIGN=BOTTOM | TOP 
event = script 
>  
说明：确定FIELDSET元素定义的区域集合。必须作为FIELDSET中的第一个元素。  

51-------------------------------------------------------------------------------- 
<LI 
CLASS=classname 
ID=value 
LANG=language 
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS  
STYLE=css1-properties 
TITLE=text 
TYPE=1 | a | A | i | I 
VALUE=value 
event = script 
>  
说明：表示列表中的一个条目，可用在DIR、MENU、DL、UL中。结束标记可选。  

52-------------------------------------------------------------------------------- 
<LINK 
DISABLED 
HREF=url 
ID=value 
MEDIA=SCREEN | PRINT | ALL 
REL=STYLESHEET 
TITLE=text 
TYPE="text/css"  
>  
说明：在当前HTML文档和其它资源之间建立超链接。只能在HEAD中使用。  

53-------------------------------------------------------------------------------- 
<LISTING 
CLASS=classname 
ID=string 
LANG=language 
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS  
STYLE=css1-properties 
TITLE=text 
event = script 
>  
说明：用等宽字体显示文本，不推荐。建议使用PRE元素。  

54-------------------------------------------------------------------------------- 
<MAP 
CLASS=classname 
ID=value 
LANG=language 
NAME=name 
STYLE=css1-properties 
TITLE=text 
event = script 
>  
说明：为客户端图像映射指定热点区域集合。需要结束标记。  

55-------------------------------------------------------------------------------- 
<MARQUEE 
BEHAVIOR=AlterNATE | SCROLL | SLIDE 
BGCOLOR=color 
CLASS=classname 
DATAFLD=colname 
DATAFORMATAS=HTML | TEXT 
DATASRC=#ID 
DIRECTION=DOWN | LEFT | RIGHT | UP 
HEIGHT=n 
HSPACE=n 
ID=value 
LANG=language 
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS  
LOOP=n 
SCROLLAMOUNT=n 
SCROLLDELAY=milliseconds 
STYLE=css1-properties 
TITLE=text 
TRUESPEED 
VSPACE=n 
WIDTH=n 
event = script 
>  
说明：建立一个滚动文本区。需要结束标记。  

56-------------------------------------------------------------------------------- 
<MENU 
CLASS=classname 
ID=value 
LANG=language 
STYLE=css1-properties 
TITLE=text 
event = script 
>  
说明：建立一个菜单，用LI定义菜单内的条目。需要结束标记。  

57-------------------------------------------------------------------------------- 
<META 
CONTENT=description 
HTTP-EQUIV=response 
NAME=text 
TITLE=text 
URL=url 
>  
说明：为浏览器、搜索引擎或其它程序提供HTML文档信息。必须在HEAD中使用。结束标记可选。
  
58-------------------------------------------------------------------------------- 
<NOBR 
ID=value 
STYLE=css1-properties 
TITLE=text 
>  
说明：不换行。结束标记可选。
  
59-------------------------------------------------------------------------------- 
<NOFRAMES 
ID=value 
STYLE=css1-properties 
TITLE=text 
>  
说明：为不支持FRAMESET的浏览器提供。需要结束标记
 
60-------------------------------------------------------------------------------- 
<NOSCRIPT>  
说明：在不支持脚本的浏览器中显示包含的内容。需要结束标记。

style="WIDTH: 44.33%; HEIGHT: 259px" src="http://pagead2.googlesyndication.com/cpa/ads?client=ca-pub-4577827332549849&cpa_choice=CAEaCB94-nvUZWENUB9QugJQtwRQTVAgULcCUB4&oe=gb2312&dt=1192720966468&lmt=1192720966&format=250x250_as&output=html&correlator=1192720966453&channel=2735220158&url=http%3A%2F%2Fyzkzoo.5d6d.com%2Fthread-67-1-1.html&color_bg=FFFFFF&color_text=000000&color_link=0000FF&color_url=008000&color_border=336699&ad_type=text_image&region=_google_cpa_region_&ref=http%3A%2F%2Fyzkzoo.5d6d.com%2Fforum-16-1.html&cc=100&ga_vid=1025434795.1192631677&ga_sid=1192720940&ga_hid=1155529757&ga_fc=true&flash=8&u_h=768&u_w=1024&u_ah=738&u_aw=1024&u_cd=32&u_tz=480&u_his=2&u_java=true"> style="WIDTH: 52.39%; HEIGHT: 259px" src="http://pagead2.googlesyndication.com/cpa/ads?client=ca-pub-4577827332549849&cpa_choice=CAEaCKcC4yuPlq5lUDRQDVAtUK4BUENQCA&oe=gb2312&dt=1192819388296&lmt=1192819388&format=300x250_as&output=html&correlator=1192819388281&channel=2735220158&url=http%3A%2F%2Fyzkzoo.5d6d.com%2Fviewthread.php%3Ftid%3D70%26page%3D1%26extra%3Dpage%253D1&color_bg=FFFFFF&color_text=000000&color_link=0000FF&color_url=008000&color_border=336699&ad_type=text_image&region=_google_cpa_region_&ref=http%3A%2F%2Fyzkzoo.5d6d.com%2Fpost.php%3Faction%3Dedit%26fid%3D16%26tid%3D70%26pid%3D70%26page%3D1%26extra%3Dpage%253D1&cc=100&ga_vid=1025434795.1192631677&ga_sid=1192817968&ga_hid=1527165455&ga_fc=true&flash=8&u_h=768&u_w=1024&u_ah=738&u_aw=1024&u_cd=32&u_tz=480&u_his=5&u_java=true">

 

style="WIDTH: 82.23%; HEIGHT: 74px" src="http://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-4577827332549849&dt=1192818497343&lmt=1192818497&format=468x60_as&output=html&correlator=1192818497343&channel=1741427766&url=http%3A%2F%2Fyzkzoo.5d6d.com%2Fthread-68-1-1.html&color_bg=FFFFFF&color_text=000000&color_link=0000FF&color_url=008000&color_border=336699&ad_type=text_image&ref=http%3A%2F%2Fyzkzoo.5d6d.com%2Fforumdisplay.php%3Ffid%3D16%26page%3D1&ui=rc%3A6&cc=100&ga_vid=1025434795.1192631677&ga_sid=1192817968&ga_hid=1000484876&ga_fc=true&flash=8&u_h=768&u_w=1024&u_ah=738&u_aw=1024&u_cd=32&u_tz=480&u_his=6&u_java=true">

style="WIDTH: 82.23%; HEIGHT: 74px" src="http://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-4577827332549849&dt=1192818497343&lmt=1192818497&format=468x60_as&output=html&correlator=1192818497343&channel=1741427766&url=http%3A%2F%2Fyzkzoo.5d6d.com%2Fthread-68-1-1.html&color_bg=FFFFFF&color_text=000000&color_link=0000FF&color_url=008000&color_border=336699&ad_type=text_image&ref=http%3A%2F%2Fyzkzoo.5d6d.com%2Fforumdisplay.php%3Ffid%3D16%26page%3D1&ui=rc%3A6&cc=100&ga_vid=1025434795.1192631677&ga_sid=1192817968&ga_hid=1000484876&ga_fc=true&flash=8&u_h=768&u_w=1024&u_ah=738&u_aw=1024&u_cd=32&u_tz=480&u_his=6&u_java=true"> style="WIDTH: 89.81%; HEIGHT: 64px" src="http://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-4577827332549849&dt=1192819750500&lmt=1192819750&prev_fmts=468x60_as&format=468x15_0ads_al_s&output=html&correlator=1192819750437&channel=1741427766&pv_ch=1741427766%2B&url=http%3A%2F%2Fyzkzoo.5d6d.com%2Fthread-68-1-1.html&color_bg=FFFFFF&color_text=000000&color_link=0000FF&color_url=008000&color_border=336699&ref=http%3A%2F%2Fyzkzoo.5d6d.com%2Fforum-16-1.html&cc=100&ga_vid=1025434795.1192631677&ga_sid=1192817968&ga_hid=1871659779&ga_fc=true&flash=8&u_h=768&u_w=1024&u_ah=738&u_aw=1024&u_cd=32&u_tz=480&u_his=2&u_java=true">

yzkzoo
关注
专栏目录
最简单的html+css三列布局
这货不是阿野
09-20 1002
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style> #left{ width: 150px; height: 100px; background: red; f
DIV+CSS基础教程笔记
sapphire7的博客
07-10 2384
缺点：1）显示样式和数据是绑定的在一起 2）布局的时候，灵活度不高 3）一个页面可能会有大量的元素，代码会冗余 4）增加带宽 5）搜索引擎不喜欢这样的布局优点：1）理解比较简单 2）不同的浏览器看到的效果一般是相同的 3）显示数据还是很好的 基本思想：数据和样式要分离 div元素是用来为HTML文档内大块的内容提供结构和背景的元素。 ......
DIV+CSS布局基础：HTML标记（一）
yzkzoo
12-14 677
 1-------------------------------------------------------------------------   说明：注释标记，在“”之间的内容将不在浏览器中显示。  2-------------------------------------------------------------------------   说明：描述文件所符合的HT
html经典上中下三段的布局设计
u011047968的专栏
06-28 8976
这个是一个经典的html布局：上、中、下的结构布局的一个小例子 <!DOCTYPE html> <html> <head lang= "en"> <meta charset= "UTF-8"> <title>MUC Manager </title> <style type= "text/css"> html,body {width :100 %; height:100 %;
html+css实现三列布局的4种方式
u013455430的专栏
01-14 9365
面试问到一个问题,要设计左右两边固定100px，中间自动填充，总长度为100%的一个页面 刚开始我说用栅格，实践上确实不行，所以去百度下如何实现，自己去实现了4种方式分别是：BFC块级布局，flex布局，table布局,css计算宽度布局 由于不懂BFC布局，所以在实现布局的时候走了很多弯路，一直复现失败，但后调整了html中的div顺序解决了问题，直到现在我还是不能理解这个问题，等我看懂了再...
DIV布局之三行三列左右两栏固定中间自适应
飘零雾雨的专栏
09-29 2520
忙了2个星期，终于有时间整理出下面这篇文章了，呵呵。这个布局其实是在之前两个layout上的一个延伸，做了之前两个，再做一个这样的layout应该不会有什么问题滴，手法都差不多。要使宽度会自适应，顾名思义，就是宽度是不固定的，随外容器变化而变化。而在使用div布局上，就有这么一个优点，div是自动适应容器宽度的。而我们这里要注意的问题仅仅是如何让左右两栏始终固定在原位置，简单点的方法当
网页设计（五）DIV+CSS布局规划
.正函数.的博客
01-15 3003
DIV+CSS布局是一种常用的网页设计技术，能够更好地实现页面结构和样式的分离。通过合理规划DIV块的布局，结合CSS样式设置，可以实现网页的自适应、响应式等效果，提升用户体验。
DIV+CSS页面布局
m0_62943934的博客
12-21 2381
现在所有的主流的、大型的 IT 企业的网站布局几乎都采用 DIV、CSS技术，有些甚至采用 DIV、CSS、表格混合进行页面布局。此类页面布局能够实现页面内容与表现的分离，提高网站访问速度、节省宽带、改善用户的体验。DIV+CSS组合技术完全有别于传统的表格排版习惯。通过DIV+CSS实现页面元素精确控制，网站风格、代码维护与更新变得卡分容易，甚至是页面的布局结构都可以通过修改CSS属性来重新定位。DIV+CSS布局的步骤大致为: 首先整体上对页面进行分块，接着按照分块设计使用div。
div+css布局实现个人网页设计(HTML期末作业)
QQ_____365392777的博客
11-30 752
🧑个人网页设计、🙋‍♂️个人简历制作、👨‍💼简单静态HTML个人网页作品、👨‍🏭个人介绍网站模板 、等网站的设计与制作。⭐个人网页设计网站模板采用DIV CSS布局制作，网页作品有多个页面，如 :个人介绍（文字页面）、我的作品（图片列表）、个人技能（图文页面）、在线留言（表单页面）CSS样式方面网页整体采用左右布局结构，制作了网页背景图片，导航区域每个导航背景色不同，导航背景色与页面背景呼应。🏅 一套A+的网页应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大
简单的网页制作案例（DIV+CSS完成）：建筑师之家
05-01
这个案例重点在于利用DIV元素进行布局，以及CSS来控制视觉呈现，使网页设计更加灵活且易于维护。 一、HTML基础与布局 HTML（超文本标记语言）是网页内容的基础结构。在这个案例中，我们可能看到诸如`<div>`、`...
简单的网页制作案例（DIV+CSS完成）：欢乐餐厅
05-01
1. **HTML结构**：网页的基础是HTML（超文本标记语言），它定义了网页的内容和结构。在“欢乐餐厅”案例中，可能包含了`<header>`（页眉）、`<nav>`（导航）、`<main>`（主要内容）、`<section>`（分段内容）、`...
简单的网页制作案例（DIV+CSS完成）：SPA
05-01
在本“简单的网页制作案例（DIV+CSS完成）：SPA”中，我们将深入探讨如何使用HTML、CSS和JavaScript技术来创建一个单页面应用程序（Single Page Application，简称SPA）。SPA是一种现代网页开发模式，它允许用户在不...
简单的网页制作案例（DIV+CSS完成）：健康美食
05-01
HTML（超文本标记语言）是网页内容的基础结构，而CSS（层叠样式表）则负责为这些内容赋予视觉样式和布局。以下是关于这两个关键知识点的详细解释。 首先，HTML是构成网页的基本元素。它通过一系列的标签定义了网页...
了解CSS Typed OM
读心悦
10-20 211
CSS Typed OM是一个包含类型和方法的CSS对象模型，它暴露了作为JavaScript对象的值，允许开发人员以类型安全的方式操作CSS。与先前基于字符串的HTMLElement.style操作相比，对JavaScript对象进行操作更符合直觉，且减少了因字符串操作带来的潜在错误。CSS Typed OM是一项具有潜力的技术，它带来了类型安全、性能提升和错误处理等诸多好处。随着浏览器对该标准的支持不断完善，以及更多开发者的加入和推动，CSS Typed OM有望在未来成为前端开发的主流技术之一。
css之动态伪类选择器(超链接)
啥也没有
10-20 683
如何用实现当一个超链接未被访问过是红色，鼠标悬浮是天蓝色，访问返回是灰色，鼠标点击超链接访问是绿色的。
精准布局：探索CSS中的盒子固定定位的魅力
2401_84309743的博客
10-17 464
使元素相对于浏览器窗口进行定位，无论网页如何滚动，固定定位的元素也会保持在相同的位置，设置固定定位的元素脱离文档流。
CSS @规则(At-rules)系列详解___@counter-style 规则使用方法
逆境清醒的博客
10-17 681
CSS @规则(At-rules)系列详解___@counter-style规则使用方法
CSS进阶-定位（二）
最新发布
。
10-20 727
介绍CSS中定位的应用。
css预编译器-Sass常用命令详解
懒羊羊我小弟的博客
10-17 664
本文主要介绍了sass的常用命令、基本语法、常用内置函数；同时还介绍了如何在项目上如何安装配置sass
Div+CSS布局指南：从入门到实践详解
《Div+CSS布局大全》是一本由JesseZhao在博客园整理的关于DIV+CSS布局的实用指南。该书以教程的形式深入浅出地介绍了如何使用这种流行的网页设计技术进行页面布局。作者的目标读者是初学者和有一定基础的设计师，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值