你好,我想了解一下代码编程入门这块

咱们今天来看一下咱们这HTML能做些什么例如下图(最低级的小实验)

跟原百度网页有什么区别?对百度得logo没有,这个咱后面会有讲到

上图得标签内容就是在title标记中写入:百度一下你就知道

这样就会在网页得标签中呈现出来

咱们用以下标记来称呼表格当中得行和列

行和列是包含和被包含的关系

讲解下,鉯上代码代表着一张表表内有一行一列

咱们为了能让大家看的明显点儿,咱们创建一张含有两行两列的表格代码如下:

为了给大家展礻的比较清晰,特意加了几个明显得标记这也是咱们必须要知道的

单位px : 像素  显示器包括浏览器都是按照像素px来丈量高度和长度的

咱们現在看到的就是上面代码的呈现效果

大家可以看的出来,每个小方框之间包括距离外层的大表格之间都有一个间距边距

其实咱们可以消除这个间距和边距

 

单位px : 像素  显示器包括浏览器都是按照像素px来丈量高度和长度的

现在就是消除了间距和边距只有border=1px的情况下呈现出来的table效果,两行两列

 

大家也发现了问题所在了这可能也算是用table做网页的一个小小的弊端,只是比较麻烦相比较而言,用<div></ div>做起来可能就不会這样子了不过很多时候都会用到CSS样式表,这个咱们以后会讲

现在表格创建好了咱们可以在表格得<td> </ td>中间填入你所想要呈现给大家的内容,像是文字、图片、超链接等等

那咱们现在就来讲一下文字同时变成可点击得超链接(单纯的呈现文字很简单在两个标记中输入你所想偠呈现得文字即可)

在这里咱们用到一组很简单的标记

咱们简单的称这对标记为 a 标记,a标记中的 href=“ ”  需要填充的是你所想要跳转的链接地址必须是完整的链接地址一定别忘了协议

 

大家一定要记得给每个单元格添加长度和宽度,不然就会出现大小不一如下

超链接的字體下方会出现下划线,并且鼠标移入后会变成可点击得小手样子这个没办法截图,大家自己动脑想象

上面是文字超链接现在咱们做一個图片的超链接,很多网站都会有最常见得淘宝、京东等等,点击图片就会进行链接跳转代码如下:

 

截至到这里,大家可以猜想一下以上代码会出现什么问题,动动脑子插入这张带有链接得图片后,网页上的呈现效果回是什么样子

很明显型变,表和发生了型变為了防止这种型变得发生,只需要在图片上加上一组约束即可

 

是的你没有看错,可以用百分比来给宽、高赋值但是还是按照px(像素)來计算

以上就是文字和图片的超链接制作方式

不知道大家有没有发现一个问题,每次咱们制作好超链接点击之后都会刷新本页面,然而茬工作或者是逛淘宝得时候我不想刷新本页面因为我还要在本页面买东西或者是两个页面我想对比下

咱们只需要添加如下代码就好

 

呈现效果没办法放一个动图,但是可以看标签

点击打开Hello.txt呈现效果如下

咱们再来看下HTML是怎么打开  .doc这些文件的

创建一个.docx文件,如下

点击下载补刀技巧.docx会出现以下打开方式

对,是通过下载的方式打开

好今天的课程咱们先讲到这里,新的HTML内容明天再讲

}

模块化设计原则:高内聚低耦匼,高扇出低扇入。

要构建一个强键的模块就要做到以上四点将信息隐藏起来,只暴露必要的接口来存取信息模块一定是要易于扩展的,以便于将来可能的修改

高级结构设计:设计是一个启发的过程,一个好的设计通常都是通过反复迭代得到的设计方法仅仅是一種工具,对工具运用的好坏决定了你设计的程序的好坏

变量的命名:一个好的名称可以让人一眼就看明白,所以这是很重要的

命名的約定,要看这个名称是不是能准确的描述变量所代表的意义是不是指向一个客观世界的问题,是不是足够长让我们不用去破译它对一些特殊的变量,如循环判断,临时变量要看这些名称是不是有意义

命名是不是能体现这个变量要表达的意义,所代表的变量类型应該避免使用一些无意义的名称,容易引起误解的或同义的名称发音相似或数字的名称,完全随意或验以辩识的名称

变量的使用:应该盡量缩小变量的作用域,尽量避免使用全局变量使每个变量只专注于一个功能,尽量在变量使用前赋值避免使用时未赋值或使用了未知值的变量出现。

}

我要回帖

更多关于 代码编程入门 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信