![](https://img-blog.csdnimg.cn/2019092715111047.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
网页前端
文章平均质量分 83
以前2012年写的一些东西转过来。原创。重新编辑,修改,或重写一下。包含html div css javascript等
Bczheng1
来看看,web3,区块链爱好者。dapp是个很吸引人的东西。
展开
-
7.网页前端之javascript二
channelmode=yes|no|1|0是否使用剧院模式显示窗口。toolbar=yes|no|1|0是否显示浏览器的工具栏。是网页的地址,如果为空,则document文档里不会有任何内容,网页是空的,可以调用document.write给新网页添加内容。设置了新窗口的大小后,状态栏和菜单栏等都不见了,如果想要显示的话,设置属性为yes就可以了,如:menubar=yes,上面函数暗地里还传进了this,这个this就指向调用它的对象,这样就可以确定访问的是哪个对象了。status=yes。原创 2024-02-03 16:26:54 · 587 阅读 · 0 评论 -
6.网页前端之javascript一
str存储的是字符串,那么这样不使用new,直接给str赋字符串也是可以的,比如var str="ABCDEFG",像这个str依然能使用。onclick是a标签的一个事件属性,其它的标签也有,可以给给onclick指定一个函数,也就是当发生了onclick事件,就执行。当单击了元素,就链接到href属性指定的网址,所以我们禁止掉这个默认处理,当单击链接的时候,就不会链接到href指定的网址了。原创 2024-02-03 16:14:59 · 690 阅读 · 0 评论 -
5.前端入门之制作一个导航条
ul也设置float:left是因为,它的左右还要带个img标签,左右边角封闭,当然你如果不需要这个圆角矩形的效果,不带img图片,你也可以不用设置float:left。用ps的切片工具,把图片的两边取下来,还有中间也要取一部分(不是文字区域),分隔线的图片也取下来,那么就会有四张图片,如下:(它们的高度都是一致的)这里的li背景图片是分隔符,我们只需要每项前有一个就行,所以no-repeat不平铺,实现了有分隔图片的效果。源文件就不上传了,你们可以把文章里那几张图片另存为,然后试一下。原创 2024-02-03 15:57:49 · 825 阅读 · 0 评论 -
4.样式之margin、border、padding等位置相关属性
设置float为left表示,盒子向左浮动,而盒子的大小会依据盒子里的内容尽量缩小,比如pre设置了向左浮动,那么它的宽度会以文本的宽度为准,并且右边空出的空间,如果足以容纳下一个元素时,那么下一个元素就会出现在pre的右边。像之前使用的样式都是行内样式,就是把style写在一个标签内,这样做不怎么方便,如果我要所有a标签具有相同的样式,那每一个a标签,都要在里面指定一下style,这样太麻烦了,而且阅读起来也不方便。因为li项的大小是依据其里面的内容来的。其它的就没有了,都是前面讲过的。原创 2024-01-23 21:05:02 · 961 阅读 · 0 评论 -
3.网页前端入门之style属性
相对于标签原有的属性,有些都可以用样式来代替,比如font标签的元素,它的color,size属性,我也可以用style来代替。可以看到pre元素的边框宽度是依据浏览的宽度来的,而a元素的边框是依据文本的宽度来的,可以用width属性显式指定元素的宽度。而样式就可以描述这些元素的属性,比如元素里面的文本颜色,字体大小,背景图片,有无边框,以及它的位置,相对于包含它的元素,而标签属性是这样指定的属性加等号,然后是属性值,属性值有引号,以空格分开每一个属性color="green"。原创 2024-01-09 20:48:14 · 2393 阅读 · 0 评论 -
2.网页前端基础--标签的运用
与和有序和无序列表的应用表格table应用一行的第2个单元格原创 2024-01-06 16:22:04 · 423 阅读 · 1 评论 -
1.网页前端基础入门之html
好了,当然这些标签还有其它的属性,这里没有列举出来,比如a标签里的target属性,它可以决定如何打开新网页,弹出一个窗口打开,还是在原来窗口。文件名保存为MyWeb.html,然后就可以打开用浏览器浏览了,上面的标签组成了一个网页的基本结构,比如html标签包含的就是一个网页。比如a标签带有href属性,表示链接的地址,在之间的表示链接的文本,图片也可以,单击就链接到哪个网址。有的是单独出现的,如标签。这个是网页编程的基础,学HTML,其实就是学各标签的运用,了解各个标签的意思。原创 2024-01-06 14:47:30 · 807 阅读 · 1 评论