HTML基础知识

1.HTML概述

HTML(HrperText Markup Language),译为超文本标记语言。

HTML语言是用来告知浏览器如何组织页面的标记语言,它并不是一门编程语言,而是一种定义内容结构的语言。HTML语言由HTML元素组成,HTML元素可以使不同的元素内容呈现出不同的网页显示效果,比如标题、段落、文本等不同形式,还可以显示为超链接、显示图片等。

2.HTML元素

网页源代码中用小于号大于号<>括起来的部分就是HTML元素。

一个完整的HTML元素通常由4个部分构成:开始标签、元素内容、结束标签、属性(可选)。

【标签示例】

p是标签的名字,不同的标签有不同的名字和功能。

<p>是开始标签。

云想衣裳花想容,春风拂槛露华浓是元素内容。

</p>是结束标签。

(上面的标签没有属性)

3.常见的HTML标签

  • <html>:定义HTML文档的根元素。
  • <head>:定义HTML文档的头部,包含了文档的元数据。
  • <title>:定义HTML文档的标题
  • <body>:定义HTML文档的主体部分。
  • <h1>-<h6>:定义标题,从小到大依次表示不同阶级的标题。

        

  • <p>:定义段落。

        paragraph 段落

        每一个<p>标签表示一个段落,即使标签内容有换行,输出结果依然没有换行效果

  • <a>:定义超链接。
  • <img>:定义图像。
  • <div>:定义文档中的一个区块。
  • <span>:定义文档中的一个行内元素。
  • <ul>:定义无序列表。
  • <ol>:定义有序列表。
  • <li>:定义列表项。
  • <table>:定义表格。
  • <tr>:定义表格中的一行。
  • <td>:定义表格中的一个单元格。
  • <form>:定义表单。
  • <input>:定义输入字段。
  • <button>:定义按钮。
  • <select>:定义下拉列表。
  • <option>:定义下拉列表中的选项。
  • <textarea>:定义多行文本输入框。
  • <lable>:定义表单元素的标签。
  • <iframe>:定义内联框架。
  • <script>:定义JavaScript代码。
  • <style>:定义样式信息。
  • <link>:定义外部样式表或者引入外部资源。
  • <meta>:定义文档的元数据信息。
  • &nbsp:空格字符。

        该字符放在HTML文档中代表一个空格,有几个就代表几个空格。

  • <hr/>:水平线。

        作为单独标签出现,一个<hr/>表示一条水平线,水平线默认从网页左端一直横向跨越到网页右端。

  • <!-- -->:注释标签。
  • <br/>:段内换行。

        作为单独标签出现,就能结束该标签。一个<br/>代表一个换行,两个<br/>代表两个换行。

4.使用文本文档新建HTML文件

【HTML基本结构】

保存文档命名为【(文件名).html】,再双击打开html文件。

【语句分析】

  • <!DOCTYPE html>声明为HTML5文档
  • <html>元素是HTML页面的根元素
  • <head>元素包含了文档的元(meta)数据,如 定义网页编码格式为utf-8
  • <title>元素描述了文档的标题
  • <body>元素包含了可见的页面内容
  • <h1>元素定义一个大标题
  • <p>元素定义一个段落
     
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值