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

随机推荐

概率-拒绝采样 Rejection Sampling
2018-12-09 16:40:30 一.使用Rand7()来生成Rand10() 问题描述: 问题求解: 这个问题字节跳动算法岗面试有问到类似的,有rand6,求rand8,我想了好久,最后给了一 ...
动态网站项目（Dynamic Web Project）登录功能的实现(mvc(五层架构)+jdbc+servlet+tomcat7.0+jdk1.8)（js验证+cookie）
1.index.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" p ...
逻辑回归和sigmoid函数分类
逻辑回归和sigmoid函数分类:容易欠拟合,分类精度不高,计算代价小,易于理解和实现 sigmoid函数与阶跃函数的区别在于:阶跃函数从0到1的跳跃在sigmoid函数中是一个逐渐的变化,而不是突变 ...
OpenCV-Python 绘图功能 | 七
目标学习使用OpenCV绘制不同的几何形状您将学习以下功能:cv.line(),cv.circle(),cv.rectangle(),cv.ellipse(),cv.putText()等. 代码 ...
TensorFlow 安装官方教程：Ubuntu 安装，Mac OS X 安装，Windows 安装
从我的使用体验来看 Ubuntu 是最好的, Mac 没有显卡,后期跑大项目比较鸡肋,Windows 安装各种依赖各种坑.Ubuntu 安装 TensorFlow 方便,后面安装 TensorFl ...
一文上手Tensorflow2.0（四）
系列文章目录: Tensorflow2.0 介绍 Tensorflow 常见基本概念从1.x 到2.0 的变化 Tensorflow2.0 的架构 Tensorflow2.0 的安装(CPU和GPU ...
NLPer入门指南 | 完美第一步
介绍你对互联网上的大量文本数据着迷吗?你是否正在寻找处理这些文本数据的方法,但不确定从哪里开始?毕竟,机器识别的是数字,而不是我们语言中的字母.在机器学习中,这可能是一个棘手的问题. 那么,我们如何 ...
AC自动机（初步学习）
一开始讲AC自动机就是在字典树上做一个KMP,吓得我感觉好难,不过了解了以后,感觉也就是有点难度,不吓人. 它只是在字典树上用了KMP的思想典型问题:给n个模式串和一个文本串,问有多少个模式串在文本 ...
阿里云ECS(Ubuntu)单节点Kubernetes部署
参考资料: kubernetes官网英文版 kubernetes官网中文版前言这篇文章是比较久之前写的了,无聊翻了下博客发现好几篇博文排版莫名其妙的变了... 于是修改并完善了下.当初刚玩k8s的 ...
c++中的多态机制
目录 1 背景介绍 2 多态介绍 2-1 什么是多态 2-2 多态的分类 2-3 动态多态成立的条件 2-4 静态联编和动态联编 2-5 动态多态的实现原理 2-6 虚析构函数 ...