html列表按时间排序代码_HTML入门笔记(1)

1.什么是HTML

我们通过查询维基百科得到一段定义

Hypertext Markup Language ( HTML) is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaScript.
Web browsers receive HTML documents from a web server or from local storage and render the documents into multimedia web pages. HTML describes the structure of a web page semantically and originally included cues for the appearance of the document.
HTML elements are the building blocks of HTML pages. With HTML constructs, images and other objects such as interactive forms may be embedded into the rendered page. HTML provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. HTML elements are delineated by tags, written using angle brackets. Tags such as <img /> and <input /> directly introduce content into the page. Other tags such as <p> surround and provide information about document text and may include other tags as sub-elements. Browsers do not display the HTML tags, but use them to interpret the content of the page.
HTML can embed programs written in a scripting language such as JavaScript, which affects the behavior and content of web pages. Inclusion of CSS defines the look and layout of content. The World Wide Web Consortium (W3C), former maintainer of the HTML and current maintainer of the CSS standards, has encouraged the use of CSS over explicit presentational HTML since 1997.[2]
——————Wikipeia

我们可以知道HTML是一种用来开发网页的工具,历史上最早的万维网www,可以简单的划分为三部分url(用于访问网页),HTML(用于设计网页),HTTP(网页之间的互相访问)

而HTML是由谁开发的呢?是李爵士,1990年12月25日,他成功利用互联网实现了超文本传输协议客户端与服务器的第一次通讯,他于16年获得了图灵奖,可以说是万维网的奠基者。

2.第一次写html

我们首先新建一个文件夹,将这个文件夹拖入vscode中

1085651ce8fea4949516e24bd93a33c0.png

之后我们新建一个以html结尾的文件,打出一个!,出现一个完整的html文件

9e1a088e54f0a80706613d4111851562.png

这里我们介绍一下这些代码

e467d54eb82244f286cb4f4a325cb8ba.png
<!DOCTYPE html>

第一句代码,解释文件类型为html

<html lang="zh-CN">

解析文字为简体中文

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>

字符集为utf-8,设计设备的屏幕,网站的名称

3.基础的html标签

1.ol+li ol标签定义了一个有序列表. 列表排序以数字来显示

<ol>
 <li>第一项</li>
 <li>第二项</li>
</ol>

23d83de8d3dec36edc4d502de5d5fe7d.png

2.ul+li定义了一个无序列表,列表排序没有数字显示

<ul>
 <li>第一项</li>
 <li>第二项</li>
 </ul>

faebd1c316e9231fd7d222da57db080b.png

3.dl+dt+dd定义了一个列表,列表题目,列表描述,dl(data list),dt(data term),dd(data description)

<dl>
 <dt>列表标题1</dt>
 <dd>列表描述(信息)1</dd>
 <dt>列表标题2</dt>
 <dd>列表描述(信息)2</dd>
 </dl>

89ceff973374135a30553f402e34e9a2.png

4.table tr(table row)表的行,th(table head)表的头,td(table data)表的数据

 <table>
 <tr>
 <th>名字</th>
 <th>年龄</th>
 </tr>
 <tr>
 <td>张三</td>
 <td>13</td>
 </tr>
 <tr>
 <td>李四</td>
 <td>10</td>
 </tr>
 </table>

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值