HTML的学习

最新推荐文章于 2024-06-15 21:20:00 发布

Maybe_do_it

最新推荐文章于 2024-06-15 21:20:00 发布

阅读量49

点赞数

文章标签： html 前端

本文链接：https://blog.csdn.net/Maybe_do_it/article/details/121090887

版权

基本概念

HTML 指的是超文本标记/标签语言 (Hyper Text Markup Language)
例如<img>被加上尖括号后，具备了显示图片的作用

文件标签

<html>标签：代表当前书写的是一个HTML文档
<head>标签：存储的本页面的一些重要的信息，它不会显示
<head>标签：有一个子标签它是用于定义页面的标题的
<body>标签：书写的内容会显示出来

一个简单的html例子

<!DOCTYPE HTML>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width", initial-scale=1.0>
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
    </head>
    <body bgcolor="yellow" text="red">
            这是对html内容的测试！
    </body>

</html>

在这里插入图片描述

<body>标签的属性

text 用于设置文字颜色
bgcolor 用于设置页面的背景色
background 用于设置页面的背景图片

换行标签

<br/>就是一个换行（回车）功能标签，标签中的 / 可有可无的
html语言是一门不那么严谨的语言

段落标签

在<p>标签中的内容,会在开始与结束之间产生一个空白行，并且它会自动换行.
常用属性 align 它的作用是设置段落中的内容对齐方式可取值有 left right center

<!DOCTYPE HTML>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width", initial-scale=1.0>
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
    </head>
    <body bgcolor="yellow" text="red">
            <p>这是默认的对其方式，是左对齐的</p>
            <p align="center">水平居中对齐</p>
            <p align="right">右对齐</p>
    </body>

</html>

在这里插入图片描述

表单

属性

action：整个表单提交的目的地
method：表单提交的方式

<input>中元素的type属性

text：默认值，普通的文本输入框
placeholder属性：提示文本
maxlength属性：最多能输入字符数量
password：密码输入框
checkbox：多选框/复选框
checked：被选中
radio：单选按钮
file：上传文件
reset：重置按钮
submit：提交按钮
button：普通按钮

Maybe_do_it

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML的学习

基本概念HTML 指的是超文本标记/标签语言 (Hyper Text Markup Language)例如<img>被加上尖括号后，具备了显示图片的作用文件标签<html>标签：代表当前书写的是一个HTML文档<head>标签：存储的本页面的一些重要的信息，它不会显示<head>标签：有一个子标签它是用于定义页面的标题的<body>标签：书写的内容会显示出来<body>标签的属性...
复制链接

扫一扫