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的网页源码,全都看的懂了。

原文地址:https://www.cnblogs.com/hhwblogs/p/12703053.html