数据可视化课堂笔记-3

最新推荐文章于 2024-11-04 14:30:42 发布

Cole～～

最新推荐文章于 2024-11-04 14:30:42 发布

阅读量402

点赞数

分类专栏：大数据可视化文章标签： javascript html python

本文链接：https://blog.youkuaiyun.com/qq_46106830/article/details/120420980

版权

大数据可视化专栏收录该内容

4 篇文章

订阅专栏

网页

首页

pycharm-既能写html，又能写python。

Html：基础架构；

CSS:层叠样式表（Cascading Style Sheet），美化界面；

JavaScript：动态网页，交互性

头部：定义标题、样式；主体

charset网页编码，pycharm默认是utf-8：

<meta charset='UTF-8'><!--可写在<html>或<head>-->

回车符和空格在html不起作用

网站名一般是index或default

标记

单标记<br>换行，；双标记<b>粗体bold，<center>居中

网页基本标签_疯狂的菜鸡-优快云博客_网页标签

1.b粗体，i斜体，u下划线

2.p段落

3.font：标签式字体标签，它用来修改文本的颜色，字体，大小
color属性修改颜色
face属性修改字体
size属性修改字体大小（1-7）

  <font color="red" size="7" face="隶书">我是标签</font>

4.br换行，nobar强制换行，wbr不换行中强制换行

5.<blockquote>默认缩进5个字符

6.<hr>横线

列表

很多时候都是爬列表，爬下来的列表存到python中

无序列表ul（unordered list）<ul type=disc实心圆circle空心圆square方块>，里面是<li>条目；有序列表ol，自定义列表dl（definition list）可以罗马字母，可以用数字：<dt>definition term，<dd>definition description

超链接

<a href=''网址http://浏览器必加的协议">(锚的英语anchor）title标题，target重定向：位置在自己原来界面_self还是在新的界面_blank

<a href="url" target="目标窗口的打开方式"><img src="图片地址"></a>

图片地址的表达：/是转义符号，\路径，即r"\ \ "等同于"/ / "

<!—程序5-1-->
<html>
<head>
    <title>创建链接</title>
</head>
<body>
<center>
    <h2>创建链接</h2>
    <hr>
    <p><a href="http://www.sina.com.cn" title="打开新浪首页">新浪</a> <!--添加新浪链接-->
    <br>
    <a href="http://www.baidu.com" target=_blank>百度</a> <!--添加百度链接-->
    <br>
    <a href="http://www.pku.edu.cn" target="_self">北 京 大 学</a>  <!--添加北京大学链接-->
    </p>
</center>
</body>
</html>

表格

<table>表格开始，<tr>行的开始，<td>每个单元格的内容

语法模板：

<table>
       <tr>
            <th>…</th>
            …
       </tr>
       <tr>
             <td>…</td>
             …
       </tr>
        …
   </table>

所幸html写表格可以直接画，我们看懂就行，后面爬虫会用

练习

1、什么是WWW

        WWW（World Wide Web）是一个基于超文本（Hypertext）方式的信息检索服务工具。

2、WWW成功是有什么一套资源组合而成

        WWW获得成功的秘诀在于它制定了一套标准的、易于人们掌握的超文本开发语言HTML、信息资源的统一定位格式URL 和超文本传送通信协议HTTP，用户掌握后可以很容易地建立自己的网站。

3、简述HTML语言构成

        HTML即超文本标记语言,由头部(Head)和主体(Body)组成,其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

4、列举几个常用的HTML编辑器

        1.Adobe Dreamweaver

        2.文本编辑器

        3.浏览工具

        4.sublime text3

        5.pycharm

1、超链接

超文本具有的链接能力，层层链接相关文件，这种具有超级链能力的特性，即称为超链接。超链接除了可链接文本外，也可链接各种媒体，如声音、图像和动画等，通过它们可以将网站建设成一个丰富多彩的多媒体世界。

2、统一资源定位器

统一资源定位器(Uniform Resource Locator，URL)用于描述Internet上资源的位置和访问方式。

3、什么是网站、网页、首页

网站(Web Site)是一个存放网络服务器上的完整信息的集合体。它包含一个或多个网页，这些网页以一定的方式链接在一起，成为一个整体，用来描述一组完整的信息或达到某种期望的宣传效果。
网页(Web pages)是网站的组成部分，制作者可以将需要公布的信息按照一定的方式分类，放在每个网页上，网页里可以有文字、图象、声音及视频信息等。网页可以看成是一个单一体，是网站的一个元素。
首页(Home page)，也可以称之为主页，它是一个单独的网页，和一般网页一样，可以存放各种信息，同时又是一个特殊的网页，作为整个网站的起始点和汇总点，是浏览者访问一个网站的第一个网页。

4、制作网页的三大法宝，以及分担的功能

Html：基础架构；

CSS:层叠样式表（Cascading Style Sheet），美化界面；

JavaScript：实现动态网页，交互性。