HTML基本语法
本文将简要讲述一下HTML的基本语法,我为什么学这个呢?主要是之前学习python爬虫时,需要看网页背后的代码,也就是超文本标记语言,所以找了一两本书简单地看了一下。
推荐书籍:《HTML+CSS+JavaScript网页设计》(清华出版社)、《Web前端学习笔记》(机械工业出版社),只需要看对自己有用的那一部分内容就好啦
HTML基本语法
标签元素
当我们打开一个浏览器的网页,随后鼠标右击,点击检查元素,其中的elements栏就会出现很多带“<...>”的字符,这些就是HTML的“标签”。标签一般都成对出现,如`<div>...</div>`,不带斜线(/)的是开标签,带斜线(/)的是闭标签,一对标签以及中间包含的内容称作“元素”。
核心元素
通常我们的HTML文档包含于开标签<html>和闭标签</html>之间,而在<html>之间存在内容一般分为两个部分:
1).<head>元素:经常被称为页面的头部
2).<body>元素:页面的主体,包含希望在浏览器窗口显示的信息
1.关于DOCTYPE
HTML页面的第一行代码一般都是文档类型的声明
<!doctype html>
2.<html>
元素
<html>
出现在DOCTYPE之后,包含整个HTML文档元素
3.<head>
元素
<head>
元素是开标签<html>
之后出现的第一个标签,仅仅是所有其他其他头部元素的容器。
<head>
元素内都包含一个<title>
元素,用以指定文档的标题,也可以包含下面任意一种按任意顺序出现的组合。
1).<base>
元素:用来为页面指定基础的URL地 址。基础地址URL的值可以在<base>
元素中的href属性中进行设置。
2).<link>
元素:用于链接外部文件
3).<style>
元素:用于在文档中包含CSS规则,这里就涉及到CSS的学习了。
4).<script>
元素:用于在文档中包含脚本
5).<meta>
元素:包含文档的相关信息
4.<title>
元素
<title>
元素用来为网页指定标题,它是元素的一个子元素。
5.链接与样式表
<link>
元素用来添加样式表,如
<link rel="stylesheet" href="css/main.css">
这里的rel是指明后面链接的文档是一个样式表,而href并不是为了单击链接就出现一个新的页面或网站,而是指向为当前页面提供样式信息的文件的位置。
6.<body>
元素
这个元素出现在<head>
元素之后,包含实际想要在浏览器窗口显示的部分,成为“主体内容”。
7.常见的内容元素
1)标题的6个级别:<h1>
、<h2>
、…
2)创建段落<p>
;预格式化小节<pre>
;断行<br/>
; 块引用<blockquote>
以及地址<address>
3)分组元素:<div>
、<header>
、<hgroup>
、<nav>
、 <section>
、<article>
、<footer>
、<aside>
、<hr>
4)列表元素:使用<ul>
、<li>
这个组合的为定义无序列表; 使用<ol>
、<li>
这个组合的为定义有序列表。
7.字体样式标签
1)<b>
:该标签将以粗体显示文本。
2)<em>
:该标签把文本定义为强调的内容,通常将 文本显示为斜体。
3)<stronge>
:把文本定义为语气更为强调的内容。
4)<i>
:将文本显示为斜体效果,与类似。
5)<sup>
:文本为上标
6)<sub>
:文本下标
7)<u>
:该标签的文本将被添加画线
8.链接与导航
1.基本链接
创建超链接使用<a>
元素,如:
<a href="链接地址" target="目标窗口的位置(指定在哪一个窗口打开,常用的取值是_self自身窗口和_blank新建窗口)">放置文本或
图像(点击他们就可以调到那个链接打开新的网页)</a>
好啦,我就介绍以上内容,其余的不多说啦。最重要的还是`href`。