HTML 超文本标记语言

叫我剑锋

已于 2023-03-25 20:24:59 修改

阅读量461

点赞数 1

分类专栏：前端基础文章标签： web html java

于 2022-04-13 19:52:21 首次发布

本文链接：https://blog.csdn.net/weixin_56846554/article/details/124154509

版权

前端基础专栏收录该内容

6 篇文章 0 订阅

订阅专栏

2、超链接

一、HTML概述

·HTML指超文本标记语言

超文本：是指页面内可以包含图片、链接、声音、视频等内容

标记：标签（通过标记符号来告诉浏览器网页内容如何显示）

·用HTML语言把需要显示的内容显示在浏览器上，但是HTML语言本身并不显示
·Web浏览器根据不同的HTML标签，解析成为我们看到的网页

二、HTML基本语法

1、声明

<!DOCTYPE html>

如果不声明，解析网页时会产生一些不可预期的行为，所以我们应该避免出现。

html4的文档声明
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

2、Head标签

Head标签（标签）包含了所有的头部标签

头部区域的所有标签为：
<title>、<style>、<meta>、<link>、<script>、<base>

  <title>标签可定义网页标签的标题；

  <meta>标签可提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词；

  <mate>标签位于文档的头部；

<meta charset="utf-8">

  <link rel=”icon” href=”ico地址”> 标题处添加图标

一个HTML的基本结构ruxia

使用HBuilderX开发

工具内，内嵌服务器，ip+端口/项目/文件

http://127.0.0.1:8848/htmlPro/index

3、HTML注释

注释后的内容不会显示在网页上

4、标签

HTML中的标记指的就是标签。

HTML使用标记标签来描述网页。

结构：

闭合标签（双标签）修饰区间内内容

<b>你好</b>

自闭合标签（单标签）自己结束，完成一些特定的功能

<标签名.../>

标签属性：标签可以拥有属性。属性进一步说明了该标签的显示或使用特性。

属性的格式：属性名 = “属性值”
属性的位置：<标签名属性名 = “属性值”>标签内容</标签名>
添加多个属性：<标签名属性名 = “属性值” 属性名 = “属性值”>标签内容</标签名>
<font color=“颜色”size=“字体大小”face=“字体>网页内容</font>

align="center" 设置内容水平居中 left center right

三、HTML基本常用标签

1、基本常用标签：

标题标签	<h1></h1>···<h6></h6>
段落标签	<p></p>
换行标签	<br/>
无序列表	<ul><li></li></ul>
有序列表	<ol><li></li></ol>
超链接	<a></a>
图像标签	<img/>

2、<a>超链接

a标签：HTML使用超链接与网络上的另一个文档相连，通过连接来访问其他网页资源。

href(超文本引用)：规定链接指向的页面的URL（页面地址）

URL：统一资源定位符

3、图像标签

<body> 
    <img src="图像的路径" width="300" height="100" border="1"/>
</body>

border ：图像的边框

4、特殊符号转义

预留字符不能再网页中直接使用，但可以通过在HTML中使用字符转义；

  小于号<                    版权（C）

&lt； &copy；



  大于号>                    商标（TM）

&gt；                        &trade；

   空格                       注册商标（R）

&nbsp； ®

四、表格

表格的基本构成标签

table标签	表格标签
tr标签	表格中的行
th标签	表格的表头
td标签	表格单元格

表格的基本结构：

<table>定义表格 
    <tr>定义表行 
        <th>定义表头</th> 
    </tr> 
    <tr>
        <td>定义单元格</td> 
    </tr> 
</table>

table 表示表格：

border="1" width="300" height="100" bgcolor="aqua"

   cellapaing="0"(单元格之间的间距)

tr    表行 bgcolor="charteuse" height="50"

th    表头(单元格) 加粗居中 width="80"

td    单元格

colspan="4" 在同一行跨多列合并从哪列开始，添加colspan，给定合并的列数

rowapan="3" 跨多行合并从哪行开始添加rowspan，给定合并的数量

五、表单

form标签：表单

网页表单中有许多可以输入或选择的组件，用户可以在表单中填写信息，最终提交表单，把客户端数据提交至服务器。

Form 表单标签

表单：拥有许多可以输入，选择组件，用户输入信息，最终向服务器提交数据

action="访问后端服务器地址"

method="向服务器提交数据的方式 http/post"