记录我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)的更多相关文章

  1. Java学习过程中的总结的小知识点（长期更新）

    Java学习过程中的总结的小知识点 (主要是自己不会的知识和容易搞错的东西) 计算某个程序运行的时间 long stime=System.currentTimeMillis(); copy3(file ...

  2. linux学习之九 学习过程总结

    ~写在前面 首先非常感谢孟老师的悉心讲解,使用这种新颖的教学方式(MOOC课堂+博客),也感到非常有幸随着老师的思路对linux的内核进行了初步的系统学习.结合代码和gdb调试工具跟踪分析对linux ...

  3. opnet学习过程

    学习opnet有一段时间了,走了 不少弯路,现在,想总结一下,推荐给大家一个比较好的学习过程. 因为英语不太好,所以在开始学opnet时用了很多心思去找中文资料,比如说,一些文档.书.视频等.看文档和 ...

  4. mono for android学习过程系列教程(7)

    首先说个抱歉,这段时候由于个人原因未及时更新博客.故此今天先给大家来个小料. 以后会及时更新我自己的学习过程. 不多说,终于私人生活安定下来了,可以安心学习.直接进入主体: 今天咱们摒弃所有的前面的知 ...

  5. 使用React、Node.js、MongoDB、Socket.IO开发一个角色投票应用的学习过程（三）

    这几篇都是我原来首发在 segmentfault 上的地址:https://segmentfault.com/a/1190000005040834 突然想起来我这个博客冷落了好多年了,也该更新一下,呵 ...

  6. 下面就介绍下Android NDK的入门学习过程（转）

    为何要用到NDK? 概括来说主要分为以下几种情况: 1. 代码的保护,由于apk的java层代码很容易被反编译,而C/C++库反汇难度较大. 2. 在NDK中调用第三方C/C++库,因为大部分的开源库 ...

  7. HTML/CSS的学习过程一览

    HTML/CSS的学习过程一览 说明 调试工具使用的是Google Chrome浏览器,其余浏览器出现的问题,这锅我不背[傲娇脸 可以使用浏览器查看源代码 网页列表 HTML_CSS_1 HTML基本 ...

  8. 分享吉林大学机械科学与工程学院，zhao jun 博士的Halcon学习过程及知识分享

    分享吉林大学机械科学与工程学院,zhao jun 博士的Halcon学习过程及知识分享 全文转载zhao jun 博士的新浪博客,版权为zhaojun博士所有 原文地址:http://blog.sin ...

  9. Android 按下电源按钮关闭小学习过程的整个长度

    Android 按下电源按钮关闭小学习过程的整个长度 近期研究了一下android关机跟又一次启动功能,看了一些长按电源键到弹出关机对话框,到真正关机的一系列处理过程. 首先还是来看看这个长按电源键都 ...

  10. 9天C#转Java学习过程，自己记录一下

    其实没有完整的9天,就是连续每天花点时间,过程so frustrated,踩坑无数...下面是学习过程的记录 第1天 开始正式学习JavaEE,已完成: 1. Tomcat安装: 2. Tomcat配 ...

随机推荐

  1. 基于树莓派与YOLOv3模型的人体目标检测小车（一）

    项目介绍: 本科毕业选的深度学习的毕设,一开始只是学习了一下YOLOv3模型, 按照作者的指示在官网上下载下来权重,配好环境跑出来Demo,后来想着只是跑模型会不会太单薄,于是想了能不能做出来个比较实 ...

  2. TensorFlow v2.0实现逻辑斯谛回归

    使用TensorFlow v2.0实现逻辑斯谛回归 此示例使用简单方法来更好地理解训练过程背后的所有机制 MNIST数据集概览 此示例使用MNIST手写数字.该数据集包含60,000个用于训练的样本和 ...

  3. Java工程师常用Linux命令

    本文所列的Linux常用命令包含:文件相关(目录操作,内容查看,查找与比较,压缩与解压),进程管理,网络操作,系统管理,性能监测与优化,Java常用工具多个方面概述. 文件目录基本操作 ls 命令用来 ...

  4. vue 听说你很会传值？

    前置 大小 vue 项目都离不开组件通讯, 在这里总结一下vue组件通讯方式并列出, 都是简单的例子. 适合像我这样的小白.如有错误,欢迎指正. 温馨提示: 下文没有列出 vuex, vuex 也是重 ...

  5. [vios1023]维多利亚的舞会3<强联通分量tarjan>

    题目链接:https://vijos.org/p/1023 最近在练强联通分量,当然学的是tarjan算法 而这一道题虽然打着难度为3,且是tarjan算法的裸题出没在vijos里面 但其实并不是纯粹 ...

  6. [hdu1269]城堡迷宫<tarjan强连通分量>

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1269 tarjan算法是oi里很常用的一个算法,在理解方面需要多下一些功夫,如果不行直接记模板也行,因 ...

  7. 2020年Java多线程与并发系列22道高频面试题（附思维导图和答案解析）

    前言 现在不管是大公司还是小公司,去面试都会问到多线程与并发编程的知识,大家面试的时候这方面的知识一定要提前做好储备. 关于多线程与并发的知识总结了一个思维导图,分享给大家 1.Java中实现多线程有 ...

  8. 如何基于layui的laytpl实现数据绑定

    想了半天才想起自己园子的登录密码.可想而知,多长时间没登录了 正文一开始用layui做了几个管理系统,所以用起来觉得确实很容易上手,管理后台最常用的就是form和table以及弹窗类.layui提供的 ...

  9. 怎样让scratch里的人物两腿走动

    需要人物角色至少有两个“造型”,表现走路时的两个动作.以默认的“小猫”觉色为例,它有两个“造型”,可以用来表现奔跑的动作. 但是要想让小猫跑起来,需要脚本来实现,简单跑动脚本如下 scratch学习视 ...

  10. WireShark数据包分析一：认识WireShark

    一.认识WireShark WireShark是一款抓包软件,官方网址:WireShark.org 官网如下图: 选择Download,在官网下载安装WireShark即可. WireShark可用来 ...