记录我HTML的学习

（1）最开始学习html是在因为在听北京理工大学教授讲的网络公开课上。当时老师讲的是网络爬虫，因为要爬取特定网页的信息，需要借助[正则表达式](https://baike.baidu.com/item/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/1700215?fr=aladdin)，来提取url的源代码信息。第一次看网页源码，简直太恐怖了，密密麻麻几百行。可是老师教会了我用<kbd>ctrl</kbd>+<kbd>f</kbd>，快速检索需要的信息。但是即使这样，还是会有一些网页的源码很难提取到游泳信息，所以我才想到学习html，学习这个来提高自己爬虫的技术。

1. HTML介绍

（1）超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。

（2） HTML虽然强大，但是其语言也有着语法松散的缺点，所以XHTML出现了，这个是HTML的升级版，拥有很严格的语法，是HTML到XML的过渡。

2. CSS、Javascript简介

（1）css是一门可嵌入的语言。它可以嵌入到HTML中实现特定的功能。
css主要用于设置HTML页面的文本内容（字体、大小、对齐方式等）、图片外形（宽度，高度，边框样式等）简单总结一句：**html是一个人的骨骼，css就是他的美丽衣服**
（2）Javascript和css类似，也是可以嵌入安东html中，但是他的功能和css又不同。通过Javascript可以将静态页面转化成支持用户交互响应事件的动态页面，也就是**漫画到动画片的飞跃**

3. 我的第一个HTML程序

（1）如下代码：

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>主页</title>

</head>

<body>

<h1>我的第一个标题</h1>

<p>我的第一个段落。</p>

</body>

</html>

（2）这个代码中要注意的问题
1. 最开始一行代码 !DOCTYPE html 向浏览器说明是哪一种HTML规范。
2. 每一个html文件都要<head>和<body>标签还有一个<html>标签，有这么三个才是一个完整的html文件。html文件对每个标签规定了一个反标签来确定代码作用范围。比如：</body> 就是body的反标签。
3. head标签存的的头信息，也就是这个网页的标题等信息。
4. body下的是主要内容，也就是网页展示给你的内容的源码，一般想要展示给别人的内容在这里编写。
5. body下的h标签代表标题，h1代表一级标题，以此类推h2标签代表二级标题。p标签代表段落标签。
6. 在网上搜索到一些常用的标签。hr标签是加一条水平线，可以尝试加一下。
7.< ！--注释-->可以用来注释。
8. br标签是换行，这个和hr不同的是不会加一条水平线。
9. div标签可以用来分块，自己可以找一个网页测试下，每一个div对应这个网页的一块区域。div区域的大小在这个标签的属性中。

（3）属性
每一个标签都可以有属性，比如字体front标签，可以定义大小，颜色，对齐方式等。图片可以定义对齐方式等。属性一般在头标签里面比如
<p align=“center ”＞定义了一个中间对齐的属性。其他的属性类比这个都可以理解了。
————————————————————
现在你已经会了HTML的基础编程了，不涉及css和JavaScript的网页源码，全都看的懂了。

HTML学习过程-(1)的更多相关文章

Java学习过程中的总结的小知识点（长期更新）
Java学习过程中的总结的小知识点 (主要是自己不会的知识和容易搞错的东西) 计算某个程序运行的时间 long stime=System.currentTimeMillis(); copy3(file ...
linux学习之九学习过程总结
~写在前面首先非常感谢孟老师的悉心讲解,使用这种新颖的教学方式(MOOC课堂+博客),也感到非常有幸随着老师的思路对linux的内核进行了初步的系统学习.结合代码和gdb调试工具跟踪分析对linux ...
opnet学习过程
学习opnet有一段时间了,走了不少弯路,现在,想总结一下,推荐给大家一个比较好的学习过程. 因为英语不太好,所以在开始学opnet时用了很多心思去找中文资料,比如说,一些文档.书.视频等.看文档和 ...
mono for android学习过程系列教程(7)
首先说个抱歉,这段时候由于个人原因未及时更新博客.故此今天先给大家来个小料. 以后会及时更新我自己的学习过程. 不多说,终于私人生活安定下来了,可以安心学习.直接进入主体: 今天咱们摒弃所有的前面的知 ...
使用React、Node.js、MongoDB、Socket.IO开发一个角色投票应用的学习过程（三）
这几篇都是我原来首发在 segmentfault 上的地址:https://segmentfault.com/a/1190000005040834 突然想起来我这个博客冷落了好多年了,也该更新一下,呵 ...
下面就介绍下Android NDK的入门学习过程（转）
为何要用到NDK? 概括来说主要分为以下几种情况: 1. 代码的保护,由于apk的java层代码很容易被反编译,而C/C++库反汇难度较大. 2. 在NDK中调用第三方C/C++库,因为大部分的开源库 ...
HTML/CSS的学习过程一览
HTML/CSS的学习过程一览说明调试工具使用的是Google Chrome浏览器,其余浏览器出现的问题,这锅我不背[傲娇脸可以使用浏览器查看源代码网页列表 HTML_CSS_1 HTML基本 ...
分享吉林大学机械科学与工程学院，zhao jun 博士的Halcon学习过程及知识分享
分享吉林大学机械科学与工程学院,zhao jun 博士的Halcon学习过程及知识分享全文转载zhao jun 博士的新浪博客,版权为zhaojun博士所有原文地址:http://blog.sin ...
Android 按下电源按钮关闭小学习过程的整个长度
Android 按下电源按钮关闭小学习过程的整个长度近期研究了一下android关机跟又一次启动功能,看了一些长按电源键到弹出关机对话框,到真正关机的一系列处理过程. 首先还是来看看这个长按电源键都 ...
9天C#转Java学习过程，自己记录一下
其实没有完整的9天,就是连续每天花点时间,过程so frustrated,踩坑无数...下面是学习过程的记录第1天开始正式学习JavaEE,已完成: 1. Tomcat安装: 2. Tomcat配 ...

随机推荐

数学-概率-New 21 Game
2020-02-10 13:24:26 问题描述: 问题求解: 第一次看到这个题目的时候想到的是之前做过的一条概率题,就是那个国际象棋,那条题目的做法是使用dp去对所有留在棋盘的种类进行计数,然后除以 ...
UNIX环境高级编程——TCP/IP网络编程常用网络信息检索函数
UNIX环境高级编程——TCP/IP网络编程常用网络信息检索函数 gethostname() getppername() getsockname() gethostbyname() ...
深度学习中正则化技术概述（附Python代码）
欢迎大家关注我们的网站和系列教程:http://www.tensorflownews.com/,学习更多的机器学习.深度学习的知识! 磐石介绍数据科学研究者们最常遇见的问题之一就是怎样避免过拟合. ...
flask中的表单文件上传
在表单中上传文件时,一定要加入 enctype="multipart/form-data" 属性为什么要加入这个属性呢: enctype就是encodetype就是编码类型的意思 ...
html前端之基础篇
HTML介绍 Web服务本质 import socket sk = socket.socket() sk.bind(("127.0.0.1", 8080)) sk.listen ...
【cs224w】Lecture 6 - 消息传递及节点分类
目录 Node Classification Probabilistic Relational Classifier Iterative Classification Belief Propagati ...
IO 流
------------恢复内容开始------------ 一.流的简介输入流:把硬盘中的数据读取到内存中输出流:把内存中的数据读取到硬盘中 1字符=2字节 1字节=8位 1.2顶级父类二. ...
Java Interger小知识
Integer装箱与拆箱装箱: Integer i = 10; 相当于:Integer i = Integer.valueOf(10); 拆箱: Integer i = 10; //装箱 int t ...
Java第八天，抽象的概念是什么？如何完成抽象类的实现？
抽象面向对象编程中,抽象是一个很重要的概念,那么抽象有什么需要注意的地方呢?请熟记以下知识点. 如果父类当中的方法不确定如何进行方法体的实现,则这个方法就是抽象方法. 抽象方法只需要在方法前面加上a ...
Python 类属性和方法
import types class Dog(object): __slots__ = ("name", "color", "info") ...