Web前端开发第一课内容整理

web 前端开发: 网页制作

编辑环境:Dw Sublime  等等

编辑语言:HTML  CSS  JavaScript  

HTML :超文本标记  结构为<> 其实是一种标记,让计算机能够识别这种语言  

HTML 以标记形式存在  以文本形式写出来  能够完成普通文本无法完成的功能  能够处理声音,动画,文字,链接,表格等等。HTML 包括头部(head)和主体(body)两大部分。

CSS :  层叠样式表  把多个样式一层一层叠加在一起构成div。(相当于给网页做装修)

比如:

<div style = width : 100px>其中width 为属性名称  : 为区分左右  100px 为数值  CSS属性还有  文字属性 font  颜色属性 color 背景属性 background 边框 border 等等。

CSS样式表有内部样式表  行间样式表和外部样式表。

行间样式表格式为<div style= width: 200px;heighet:100px; >位于 <body>与</body>之间。

内部样式表格式为 <style>#div{这里写一些属性}</style> 内部样式表位于 </head>结束前</title>结束后。#div为一种调用。

外部样式表格式为 <link rel= "stylesheet" href="这里为你写好的外部样式表的名称"/>外部样式表的位置与内部样式表所处位置相同。

CSS还有复合样式表。样式表里可以写一系列元素,没有顺序之分。

JavaScript:浏览器的脚本语言(可以让页面产生动作)

HTML CSS JavaScript三种应花大量精力去学习。

如何得到一张图片:

(1)设计师所给ps图片。

(2)可以借助键盘的印屏幕功能按键,并且配合Ps切图得到自己想要的图片。需掌握Ps的一些基本技术:切图,测量,图片简单处理等等。

(3)直接运用浏览器的插件得到自己想要的图片。快捷键为F12

<!--HTML注释-->  <*CSS注释*>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,242评论 1 92
  • 简介网络浏览器很可能是使用最广的软件。在这篇入门文章中,我将会介绍它们的幕后工作原理。我们会了解到,从您在地址栏输...
    wengjq阅读 2,347评论 2 15
  • 个人能力存在一个阀值,超过这个法治,那么你就可以成就更多的一些东西,高一这个法治多少级是对他的影响并不大,所以对于...
    天之巅海无涯阅读 262评论 0 0

友情链接更多精彩内容