HTML超文本标记语言

最新推荐文章于 2023-03-06 14:31:15 发布

安菲尔德球童

最新推荐文章于 2023-03-06 14:31:15 发布

阅读量414

点赞数

分类专栏： JavaWeb 文章标签： html5 html

本文链接：https://blog.csdn.net/Ther_123/article/details/120653728

版权

HTML文章目录HTML1.什么是HTML？2.第一个HTML页面3.基本标签4.图像标签5.超链接标签及应用6.行内元素和块元素7.列表8.表格标签9.媒体元素10.页面结构分析11.iframe内联框架12.初识表单13.表单的应用14.表单初级验证1.什么是HTML？HTML是一种超文本标记语言，是一种浏览器上的规范超文本是指，流媒体，声音，视频，图片等标记语言由大量的标签组成2.第一个HTML页面<!--这是根--

摘要由CSDN通过智能技术生成

HTML

文章目录

HTML

1.什么是HTML？

HTML是一种超文本标记语言，是一种浏览器上的规范

超文本是指，流媒体，声音，视频，图片等

标记语言由大量的标签组成

2.第一个HTML页面

<!--这是html的注释信息-->
<!--这是根-->
<html>
<!--这是头-->
<head>
<!--  描述性标签  -->
    <meta charset = "UTF-8">
    <!--标题栏-->
    <title>Hello</title>
</head>

    <!--网页体-->
    <body>
    <!--这里的内容显示到网页上-->
    这是我的第一个HTML页面
    </body>
</html>

3.基本标签

标题标签
段落标签
换行标签
水平线标签
字体样式标签
注释和特殊符号

<!--这是html的注释信息-->
<!--这是根-->
<html>
<!--这是头-->
<head>
    <!--  描述性标签  -->
    <meta charset = "UTF-8">
    <!--标题栏-->
    <title>基本标签</title>
</head>

<!--网页体-->
<body>
<!--标题标签-->
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h5>六级标签</h5>
HTML是一种超文本标记语言，是一种浏览器上的规范
超文本是指，流媒体，声音，视频，图片等
标记语言   由大量的标签组成
<!--段落标签-->
<p>HTML是一种超文本标记语言，是一种浏览器上的规范</p>
<p>超文本是指，流媒体，声音，视频，图片等</p>
<p>标记语言   由大量的标签组成</p>

<!--换行标签-->
HTML是一种超文本标记语言，是一种浏览器上的规范 <br>
超文本是指，流媒体，声音，视频，图片等 <br>
标记语言   由大量的标签组成

<!--水平线标签-->
<hr/>

<!--字体样式标签-->

<!--粗体，斜体-->
<br>
粗体：<strong>THER</strong>
斜体：<em>THER</em>

<!--特殊符号标签-->
<br>
空        格
空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格
<br>
大于号：&gt;
<br>
小于号：&lt;

</body>
</html>

4.图像标签

常见的图像格式：JPG,GIF,PNG,BMP……

在这里插入图片描述

<html>
<head>
    <meta charset = "UTF-8">
    <title>图像标签学习</title>
</head>

<body>
<!--img学习
src（必填）：图片地址：相对地址，绝对地址
alt（必填）:图片名字
title：悬停文字
width：宽度
height：高度
-->

<img src="../resources/image/Cat.png" alt="Cat"title="一只可爱的猫猫（悬停文字）"width="500"height="300">
</body>
</html>

5.超链接标签及应用

a标签
- href：必填，表示要跳转到那个界面
- target：表示新标签页在哪里打开（默认在当前标签）
  - _blank:新一个标签页
  - _self：当前标签页
锚链接（页面内的跳转）
- 1.需要一个锚标记
- 2.跳转到标记处
功能性链接
- 邮件链接：mailto：
- QQ链接：qq推广

举例：

<html>
<head>
    <meta charset = "UTF-8">
    <title>链接标签学习</title>
</head>

<body>
<!--使用name作为标记-->
<a name="top"></a>
<!--a标签
href：必填，表示要跳转到那个界面
target：表示新标签页在哪里打开（默认在当前标签）
    _blank:新一个标签页
    _self：当前标签页
-->
<a href="hello.html"target="_parent">点击我跳转到页面1</a>
<br>
<a href="图像标签.html"target="_self"><strong>点击我跳转到页面2

最低0.47元/天解锁文章

安菲尔德球童

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML超文本标记语言

HTML文章目录HTML1.什么是HTML？2.第一个HTML页面3.基本标签4.图像标签5.超链接标签及应用6.行内元素和块元素7.列表8.表格标签9.媒体元素10.页面结构分析11.iframe内联框架12.初识表单13.表单的应用14.表单初级验证1.什么是HTML？HTML是一种超文本标记语言，是一种浏览器上的规范超文本是指，流媒体，声音，视频，图片等标记语言由大量的标签组成2.第一个HTML页面<!--这是根--
复制链接

扫一扫