《麻瓜编程python web开发》课堂笔记,第一课:HTML 20/80关键知识

网页结构

  • HTML: 专注于网页的结构
  • CSS : 用于装饰网页的样式
  • Javascript : 赋予网页各种功能(数据存储,通讯,反数据爬取等)

静态网页的概念

拥有HTML和CSS(网页结构和样式),但没有Javascript(因而没有任何数据传输,比如注册网站时要传送数据给服务器等)

HTML

由标签组成,因此是一种标记语言。包含100多种标签,其中最常用的有10种。

标签

一般由开始标签+内容+结束标签组成,如:

 <div> hello, world</div>

这是div标签的使用方法,其他标签使用方法详见:http://www.w3school.com.cn/tags/

要注意的是,在HTML中,并不是所有标签都有结束标签。

比如img 标签:

<img src = "images/001.jpg" alt="郁金香">

搭配属性的标签

  • 用class属性把正确的样式赋予标签,用href属性在标签内引入超链接
  • 每个标签带有多个属性,其中有必要属性,如img标签的 src属性(值为URL,规定显示图像的URL)和alt属性(值为text,规定显示图像的替代文本)

标签的嵌套

  • 实质是包含关系
  • 内层标签和外层标签是父子关系
  • 同一层级的标签是兄弟关系

网页设计的结构(要与html结构区别开,这是不同的定义)

  • Header(布置导航,目录)
  • Content(文章,博客)
  • Footer(联系方式)
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,846评论 1 92
  • 一:在制作一个Web应用或Web站点的过程中,你是如何考虑他的UI、安全性、高性能、SEO、可维护性以及技术因素的...
    Arno_z阅读 1,261评论 0 1
  • 刚刚看了好多人的作品,突然觉得自己好渺小,我写的作品只是油嘴滑舌的作作文,但我会努力,向各位大师们学习,我相...
    忆汝珖希阅读 392评论 0 0
  • 记忆是珍贵的,而能否始终保有它,我们却不得而知。 我是一个很年轻的女孩,我想可能是学习和生活压力太大,我开始忘记一...
    老身阅读 861评论 0 0
  • 【读】 在非暴力沟通中,我们注意区分感受和想法。 A.想法 我觉得我吉他弹得不好。 在这个句子中,我评价自己吉他弹...
    小米女_水草萍阅读 1,252评论 0 2