当前位置:首页 > 前端开发 > 正文内容

html常用标签及属性

admin3周前 (01-12)前端开发2

一、HTML简介

html:定义整个HTML文档的根元素。

head:包含文档的元数据,如标题、字符集、样式等。

body:包含文档的可视内容,如文本、图片、链接等。

title:定义文档的标题,显示在浏览器的标题栏中。

meta:定义文档的元数据,如字符集、页面描述、关键词等。

h1-h6:定义标题,其中为最高级别,为最低级别。

p:定义段落。

br:定义换行。

span:定义文本的行内元素,常用于添加样式。

div:定义文档中的一个部分,常用于布局。

a:定义超链接,用于链接到其他页面或同一页面的不同位置。

img:定义图像,可以指定图像的路径、尺寸等属性。

table:定义表格。

tr:定义表格行。

td:定义表格单元格。

th:定义表格头单元格。

ul:定义无序列表。

ol:定义有序列表。

li:定义列表项。

form:定义表单,用于收集用户输入的数据。

input:定义输入字段,如文本框、密码框、单选框、复选框等。

button:定义按钮,用于提交表单或执行其他操作。

三、常用HTML属性

1. 基本属性

class:为元素指定一个或多个类名,用于应用CSS样式。

id:为元素指定一个唯一的标识符,用于JavaScript操作。

style:为元素指定内联样式。

title:为元素提供额外的信息,通常显示为工具提示。

2. 文本内容属性

align:定义文本的对齐方式。

valign:定义表格单元格的垂直对齐方式。

width:定义元素的宽度。

height:定义元素的高度。

3. 链接属性

href:定义链接的目标地址。

target:定义打开链接的方式,如在新窗口中打开。

download:定义是否将链接的内容作为下载文件打开。

4. 表单属性

action:定义表单提交的目标地址。

method:定义表单提交的方法,如GET或POST。

enctype:定义表单数据的编码方式。

扫描二维码推送至手机访问。

版权声明:本文由51Blog发布,如需转载请注明出处。

本文链接:https://www.51blog.vip/?id=27183

分享给朋友:

“html常用标签及属性” 的相关文章

html5网站欣赏,引领网页设计新潮流

html5网站欣赏,引领网页设计新潮流

1. 设计之家: 2. CSDN博客: qwe2 3. 优设网: 4. 博客园: 这些资源提供了各种风格的HTML5网站设计案例,从创意型到交互式,再到单页网站,涵盖了丰富的内容和设计技巧,相信会对你的学习和设计灵感有所帮助。HT...

html引入js文件,```html            Document    Hello, World!    ```

html引入js文件,```html Document Hello, World! ```

```html Document Hello, World! ``` HTML引入JS文件:实现动态交互的秘籍在网页开发中,HTML、CSS和JavaScript是三大基石。HTML负责结构,CSS负责样式,而JavaScript则负责动态交互。将JavaScrip...

jquery入门,什么是jQuery?

jquery入门,什么是jQuery?

jQuery 入门指南如果你是 JavaScript 初学者,jQuery 是一个绝佳的起点。它是一个快速、小巧且功能丰富的 JavaScript 库,可以极大地简化 DOM 操作、事件处理、动画和 AJAX 请求。 1. 安装 jQuery```html``` 下载: 你也可以从 jQue...

css列表横向排列, 选择合适的CSS属性

css列表横向排列, 选择合适的CSS属性

在CSS中,要将列表项横向排列,可以使用以下几种方法:1. 浮动(Float):使用 `float: left;` 或 `float: right;` 属性可以让列表项并排显示。需要注意的是,浮动元素需要清除浮动,以避免父元素高度塌陷的问题。2. 内联块(Inlineblock):使用 `displ...

vue项目源码,从入门到实践

vue项目源码,从入门到实践

2. Vue项目练习大全: CSDN博客上有一篇博客,详细介绍了“demo_student”项目,这是一个非常适合Vue.js初学者实践的平台,可以帮助你深入理解Vue的核心特性。详情请见。4. GitHub上的优秀Vue3开源项目: 掘金上有一篇文章,盘点了15个学习Vue3的开源项目...

jquery复制,```htmlClone Element Example

jquery复制,```htmlClone Element Example

在jQuery中,你可以使用`.clone`方法来复制DOM元素。这个方法可以创建被选元素的副本,包括其子节点、文本和属性。如果你还需要复制元素的事件处理程序,可以传递参数`true`给`.clone`方法。 语法```javascript$.cloneqwe2``` `withDataAndEve...