HTML的理解

前言

前面分析过通过网络我们可以得到字符串。但是我们如何让我们的字符串变成一个排版优美的网页,这里我们统一定义了一种每台计算机都理解的规则,这种规则是建立在一门语言的基础之上的他就是html。这种规则是有w3c即万维网联盟规定的。他把网页分成不同的种类。包括标题段落表格类表图片音频视频等等。通过这些元素来构成我们的网页。然后通过css来创造出我们自己的网页风格。这是我们之后要解决的问题。

基础元素

html么个元素都是有以下特性的:

  1. 都有开始标签和结束标签。
  2. 元素的内容是开始到结束之间的内容
  3. 可以嵌套
  4. 可以为空
  5. 可以拥有自己的属性
    例如
<html>

<head>
<title>我的第一个 HTML 页面</title>
</head>
<body>
<h1>hello world</h1>
<p>title 元素的内容会显示在浏览器的标题栏中。</p>
</body>
</html>

这是一个最简单的html网页,里面包含了head标签。当中规定了title的内容是我的第一个html页面。这是用来规定浏览器tab显示的内容。bady是我们网页显示的内容,仅仅规定了一个hello world标题和一个段落。
下面我们开始主要介绍下主要网页元素。当然这些都要放在body中的。我将这些分为两类。第一种是用来显示的。第二类是用来是排版用的。
显示的比较简单。这里我仅仅是列出了几种简单的常用的元素。并且简单那介绍他们的常见的属性。

标签作用常用属性
<hr/>水平线
<br />另起一行
<address>定义住址信息包含电话邮箱等
<h+<x>标题aline(规定位置信息,不推荐使用)
<a>可以定义超链接href、target
<b>粗体字
<blockquote>长引用cite规定来源
<code>代码
<form>定义供用户输入的 HTML 表单好多
<img>图片
<p>段落
<table>表格
<ol>有序列表
<ul>无序列表

这里主要是用来显示的元素。对于位置的与布局的元素比较少但是杜很重,我们为了便于控制可以吧一个网页分成多个块<div>这个块级元素。通过css可以吧他放在特定的位置作为一个块处理。在一定是后可以用table作为容器布局。这里就不在详细说了。<frameset>这个可以作为框架显示不同的内容。
这里本来想详细介绍下table和列表以及form了但是忽然发现自己表达远不及form、table列表.这里我就不再详述,其实所有的定西强烈推荐那个系类的教程。

总结

这里的标签还是比较简单。为了显示内容而已。但是这篇文章缺少了对于系统内容定义的东西,这里大家自己慢慢摸索。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值