记录我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配 ...

随机推荐

Reverse Subarray To Maximize Array Value
2020-02-03 20:43:46 问题描述: 问题求解: public boolean canTransform(String start, String end) { int n = star ...
sweep line-The Skyline Problem
2020-01-10 17:51:05 问题描述: 问题求解: 本题是经典的sweep line问题. 对于sweep line问题我们需要考虑的只有两点: 1. 延水平方向 / 时间方向 :时间队列 ...
bluekeep漏洞（CVE-2019-0708）利用
前言上个月爆出exp的一个高危漏洞,跟风复现一下下...(￣▽￣)~* 简介 Windows再次被曝出一个破坏力巨大的高危远程漏洞CVE-2019-0708.攻击者一旦成功利用该漏洞,便可以在目标系 ...
python之进程，线程
什么是进程(process)? 程序并不能单独运行,只有将程序装载到内存中,系统为它分配资源才能运行,而这种执行的程序就称之为进程.程序和进程的区别就在于:程序是指令的集合,它是进程运行的静态描述文本 ...
coding++：JS数组去重的几种常见方法
一.简单的去重方法 // 最简单数组去重法 /* * 新建一新数组,遍历传入数组,值不在新数组就push进该新数组中 * IE8以下不支持数组的indexOf方法 * */ function uniq ...
RabbitMQ 交换机类型
1,扇形交换机 fanout 2, 直连交换机 direct 3, 通配符交换机 topic
阿里云域名+ 腾讯云服务器配置nginx
1,实现目标,通过外网访问域名,能够通过nginx 实现反向代理,以及负载均衡 2,准备工具阿里云注册的域名: aiyuesheng.com 腾讯云领取的云服务器:centos 7 xshell 6 ...
[noip2016]愤怒的小鸟<状压dp+暴搜>
题目链接:https://vijos.org/p/2008 现在回过头去看去年的考试题,发现都不是太难,至少每道题都有头绪了... 这道题的数据范围是18,这么小,直接暴力呗,跑个暴搜就完了,时间也就 ...
Spring钩子接口Aware
前言我们在编写代码的时候,有的时候想要使用Spring的底层组件,类似于 ApplicationContext, BeanFactory等等那我们实现Spring提供的钩子方法xxxAware.在 ...
区分C++和Java的this
区分C++和Java的this 今天早上写C++程序的时候,我习惯性地在程序中写了如下代码 void setY(int x){ this.x = x; } 编译器给我无情地报错了.后来想想,发现是自己 ...