HTML学习过程-(1)
记录我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配 ...
随机推荐
- Mysql失败，异常pymysql.err.InternalError: (1366, "Incorrect string value: '\\xF0\\x9D\\x90\\xBF;......
问题描述: 插入Mysql时失败了,python代码报如下异常: pymysql.err.InternalError: (1366, "Incorrect string value: '\\ ...
- 常见排序算法总结分析之选择排序与归并排序-C#实现
本篇文章对选择排序中的简单选择排序与堆排序,以及常用的归并排序做一个总结分析. 常见排序算法总结分析之交换排序与插入排序-C#实现是排序算法总结系列的首篇文章,包含了一些概念的介绍以及交换排序(冒泡与 ...
- [转载]float 和 double 的一二三点事
文章转载于博客园作者jillzhang,原文链接http://jillzhang.cnblogs.com/ .文章为jillzhang原创,转载条件请看原文链接. 关于浮点数精度和范围,请看末尾. C ...
- 新手必备 | 史上最全的PyTorch学习资源汇总
目录: PyTorch学习教程.手册 PyTorch视频教程 PyTorch项目资源 - NLP&PyTorch实战 - CV&PyTorch实战 PyTorch论 ...
- 维护你的请求队列，处理token异常
前言 网络请求是开发中最基础也是最核心的需求,封装一个稳定且可用性高的请求也显得尤为重要.通常封装的内容除了入参之外,更多的是请求中的异常处理.本文分享下我在处理 token 异常方面的做法,通过维护 ...
- 软件架构的演进：单体、垂直、SOA、微服务
软件架构演进 软件架构的发展经历了从单体结构.垂直架构.SOA架构到微服务架构的过程,以下为具体分类: 1.1.1 单体架构 特点: 1.所有的功能集成在一个项目工程中. 2.所有的功能打一 ...
- SpringBoot使用RedisTemplate操作Redis时，key值出现 \xac\xed\x00\x05t\x00\tb
原因分析 原因与RedisTemplate源码中的默认序列化方式有关 defaultSerializer = new JdkSerializationRedisSerializer( classLoa ...
- ICPC训练周赛 Benelux Algorithm Programming Contest 2019
D. Wildest Dreams 这道题的意思是Ayna和Arup两人会同时在车上一段时间,在Ayna在的时候,必须单曲循环Ayna喜欢的歌,偶数段Ayna下车,若此时已经放了她喜欢的那首歌,就要将 ...
- python 基本知识
1.windows下Spyder中快捷键 块注释/块反注释 Ctrl + 4/5 断点设置 F12 关闭所有 Ctrl + Shift + W 代码完成 Ctrl +空格键 条件断点 SHIFT + ...
- 十进制转化为非十进制C++代码
还是先为大家介绍一下原理吧. 假设余数为 r ,十进制数为 n :(拆分为整数 zs ,余数 ys) 对 zs:需要将 zs 除 r 取余数,直到商为 0 停止,将余数倒序排列即可. 对 ys:需要将 ...