HTML一点基础语法的简单介绍

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`。
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值