HTML元素基础讲解(html元素包括)

boyanx7个月前技术教程45

HTML元素的基本结构


HTML元素通常由开始标签、内容和结束标签组成。基本结构如下:

<标签名>内容</标签名>

例如,一个段落元素:

<p>这是一个段落。</p>

常见的HTML元素

文档结构元素

<!DOCTYPE html>: 声明文档类型,告知浏览器使用HTML5标准。
<html>: 根元素,包含整个HTML文档。
<head>: 包含文档的元数据(如标题、样式、脚本等)。
<title>: 定义文档的标题,显示在浏览器标签上。
<body>: 包含网页的可见内容。
<!DOCTYPE html>
<html>
<head>
<title>我的网页</title>
</head>
<body>
<h1>欢迎来到我的网页</h1>
</body>
</html>

文本内容元素

<h1>至<h6>: 标题元素,<h1>为最高级别,<h6>为最低级别。
<p>: 段落元素,用于定义文本段落。
<br>: 换行元素,不需要结束标签。
<hr>: 水平线元素,用于分隔内容。
<h1>这是主标题</h1>
<p>这是一个段落。</p>
<br>
<hr>

列表元素

<ul>: 无序列表,使用圆点标记。
<ol>: 有序列表,使用数字标记。
<li>: 列表项,必须在<ul>或<ol>内使用。
<ul>
<li>第一项</li>
<li>第二项</li>
</ul>
<ol>
<li>第一项</li>
<li>第二项</li>
</ol>

链接和图像元素

<a>: 超链接元素,使用href属性指定链接地址。
<img>: 图像元素,使用src属性指定图像路径,alt属性提供替代文本。
<a href="https://www.example.com">访问示例网站</a>
<img src="image.jpg" alt="示例图像">

表格元素

<table>: 表格元素。
<tr>: 表格行元素。
<td>: 表格单元格元素。
<th>: 表头单元格元素。
<table>
<tr>
<th>姓名</th>
<th>年龄</th>
</tr>
<tr>
<td>张三</td>
<td>25</td>
</tr>
</table>

表单元素

<form>: 表单元素,用于收集用户输入。
<input>: 输入元素,类型通过type属性指定(如text, password, submit等)。
<label>: 标签元素,关联输入元素。
<textarea>: 多行文本输入元素。
<form action="/submit" method="post">
<label for="name">姓名:</label>
<input type="text" id="name" name="name">
<input type="submit" value="提交">
</form>

相关文章

ios输入框(input,select,textarea)失去焦点,页面不归位

我是一块砖,哪里需要往哪搬!移动项目开发中经常会遇到奇奇怪怪的问题,在正常不过了。而由于ios和安卓系统的不同,适配问题也是时常发生。而其实一个,苹果手机输入框(input,select,textar...

行内元素和块级元素-html教程(html中行内元素和块级元素的区别)

块级元素:div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table行内元素:span, strong, em,...

6 个值得常驻 MacBook 状态栏的 App,总有 1 款适合你

MacBook 的顶部菜单栏位置寸土寸金,但总有一些应用,我们愿意从一开机时便给它们「排面」。今天要为大家推荐的,就是 6 款值得开机启动的工具——它们到底有多好用?只能说让我开机快速进入工作状态,就...

HTML前端常用标签(复习)(web前端标签大全)

1. HTML 初识HTML 指的是超文本标记语言 (Hyper Text Markup Language)是用来描述网页的一种语言。HTML 不是一种编程语言,而是一种标记语言 (markup la...

CSS 中 display,visiblity及 overflow 的作用和区别

很多人在使用 CSS 时,对 Display, Visibility 和 Overflow 三个属性的理解并不是很清晰,这里就对这三个属性做一下分析,对应三个属性在使用时的区别.Displaydisp...

JAVA GUI常用布局管理器(java语言中常用的布局管理器有哪些)

绝对布局绝对布局指的是把容器的布局管理器设置成null,控件的位置由编程者自己控制设置控件的绝对位置和大小,通过组件的setBounds方法设置绝对位置和大小绝对布局的坐标系:以矩形容器的左上角的点为...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。