Day01-Web开发、介绍、HTML

最新推荐文章于 2024-06-12 11:13:48 发布

jingwei1205

最新推荐文章于 2024-06-12 11:13:48 发布

阅读量551

点赞数 9

分类专栏： JavaWeb从放弃到入门文章标签：前端服务器运维

本文链接：https://blog.csdn.net/qq_43641535/article/details/139114600

版权

JavaWeb从放弃到入门专栏收录该内容

7 篇文章 0 订阅

订阅专栏

一、什么是 Web ?

Web:全球广域网，也称为万维网(www World Wide Web)，能够通过浏览器访问的网站。

在这里插入图片描述

<!-- 文档类型为HTML -->
<!DOCTYPE html>
<html lang="en">
<head>
    <!-- 字符集 -->
    <meta charset="UTF-8">
    <!-- 设置浏览器兼容性 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>焦点访谈：中国底气 新思想夯实大国粮仓</title>
    <!-- 方式二：内嵌样式 -->
    <!-- <style>
        h1{
            color:beige;
        }
    </style> -->
    <!-- 方式三：外联样式 -->
    <link rel="stylesheet" href="news.css">
</head>
<body>
    <img src="https://i2.sinaimg.cn/dy/deco/2012/0613/yocc20120613img01/news_logo.png">新浪政务 > 正文
    <!-- 方式一：行内样式 -->
    <!-- <h1 style="color: red;">焦点访谈：中国底气 新思想夯实大国粮仓</h1> -->
    <h1>焦点访谈：中国底气 新思想夯实大国粮仓</h1>
    <hr>
    2023年03月02日21:50 央视网
    <hr>
</body>
</html>

在这里插入图片描述

2. 表单标签

场景:在网页中主要负责数据采集功能，如注册、登录等数据采集。
标签:<form>
表单项:不同类型的input元素、下拉列表、文本域等。
<input>:定义表单项，通过type属性控制输入形式
<select>:定义下拉列表
<textarea>:定义文本域
属性:
action:规定当提交表单时向何处发送表单数据
URLmethod:规定用于发送表单数据的方式。GET、POST

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 不写地址默认提交到当前页面 -->
    <!-- get：在url后面拼接表单数据，url的长度是有限制的 method的默认值
         post：在消息体请求体重传递的，参数大小无限制-->
    <form action="" method="post">
        用户名：<input type="text" name="username">
        年龄：<input type="text" name="username">
        <input type="submit" name="提交">
    </form>
</body>
</html>

jingwei1205

关注

9
点赞
踩
5

收藏

觉得还不错? 一键收藏
打赏
0
评论
Day01-Web开发、介绍、HTML

Web:全球广域网，也称为万维网(www World Wide Web)，能够通过浏览器访问的网站。-- 文档类型为HTML -->-- 文档类型为HTML --> < meta charset = " UTF-8 " >
复制链接

扫一扫