HTML基本结构标签列表表格表单 form input 单选框radio 多选框checkbox 列表框select option 按钮button

最新推荐文章于 2024-09-10 12:58:32 发布

莫过于Y

最新推荐文章于 2024-09-10 12:58:32 发布

阅读量1.5k

点赞数

文章标签： html

本文链接：https://blog.csdn.net/weixin_45279447/article/details/111324109

版权

本文介绍了HTML的基本结构，包括标题、段落、换行、水平线和字体样式等标签的使用。详细讲解了图像标签的常见格式、语法和案例，以及链接标签的创建，如页面间链接、锚链接和功能性链接。接着，讨论了列表的三种类型：无序列表、有序列表和定义列表。此外，还深入探讨了表格的基本结构和跨行、跨列的用法。最后，文章阐述了表单的语法、元素格式，包括不同类型的input字段，以及表单的高级应用和实例。

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

文章目录

HTML
- HTML基本结构
- 网页的基本标签
- 列表
- - 列表的分类
- 表格
- - 基本结构
  - 语法
- 表单
- 块元素
- - 标签
- 行内元素
- - 标签

HTML

定义：Hyper Text Markup Language（超文本标记语言）

HTML基本结构

1、网页头部
2、网页主体
3、标签

<html>
<head>
	<title>网页标题</title>
</head>
<body>
	网页的主体
</body>
</html>

网页的基本标签

标题标签

1、<h1>...</h1>
2、<h2>...</h3>
3、<h3>...</h3>
4、<h4>...</h4>
5、<h5>...</h5>
6、<h6>...</h6>

段落标签

<p>....</p>

换行标签

<br/>

水平线

<hr/>

字体样式标签

<strong>字体加粗</strong>
<em>斜体</em>

HTML注释和特殊符号

在这里插入图片描述

<html>
	<head>
		<title>这是网页标题</title>
	</head>
	<body>
		<h1>这是一级标题</h1>
		<hr/><!--这是水平线标签-->
		<p>这是段落标签<br/>
		换行标签<br/>
		<strong>字体加粗</strong>
		<em>斜体</em><br/>
		百度&nbsp;&nbsp;|搜狗&nbsp;&nbsp;<br/>
		5&gt;3   <br/><!--5>3-->
		3&lt;5    <br/><!--3<5-->
		我说：&quot;你在干嘛？&quot;   <br/><!--我说："你在干嘛？"-->
		版权符号：Copyright&copy;CSDN
		</p>
	</body>
</html>

图像标签

常见的图片格式

1、JPG
2、GIF
3、PNG
4、BMP

语法

<img src="path" alter="图片不能正常显示的时候，在图片处现实的文字" title="鼠标移到图片上现实的文字" width="图像的宽度" height="图片的高度">

案例

<html>
    <head>
        <title>标题</title>
    </head>
    <body>
        <img src="images/M416.jpg" alt="这是一把M416步枪" title="M416自动步枪" width="200" height="200">
        <p>刺激战场&nbsp;刚枪首选<br/>
            颜色棒棒哒美滋滋<br/>
            &nbsp;&nbsp;￥11
        </p>
    </body>
</html>

链接标签

页面间链接

从一个页面连接到另外一个页面

语法

<a href="路径" target="目标窗口位置（_blank新窗口打开，_self在原窗口打开）">链接内容</a>

<a href="new.html" target="_self" >javaScript权威指南</a

最低0.47元/天解锁文章