day01【HTML基础】HTML表单【重点】、表单控件、水平线标签、段落和换行标签、超链接标签、图像标签、列表标签、div和span标签、转义（实体）字符、基本表格、合并表格

您所在的位置：网站首页 › 表单下拉列表标签 › day01【HTML基础】HTML表单【重点】、表单控件、水平线标签、段落和换行标签、超链接标签、图像标签、列表标签、div和span标签、转义（实体）字符、基本表格、合并表格

day01【HTML基础】HTML表单【重点】、表单控件、水平线标签、段落和换行标签、超链接标签、图像标签、列表标签、div和span标签、转义（实体）字符、基本表格、合并表格

2023-06-17 04:32| 来源: 网络整理| 查看: 265

HTML 一 HTML概述

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

作用：搭建基础网页

超文本：具有普通文本的特性，同时还可以加入图片、视频、超链接等等。

标记：即标签，与定义好的标签有不同的功能和效果；例如：

语言：人与计算机沟通桥梁

现在学习使用html5版本，这哥们是由W3C组织（万维网联盟）制定统一标准。

二 HTML基础【掌握】 2.1 快速入门

编写人生中第一个html网页

① 文本工具人生的第一个网页hello，world ② idea工具

从今天开始，需要创建一个新的工作空间（空工程）在这里插入图片描述

jdk版本必须是1.8 在这里插入图片描述

字符集UTF-8

创建前端 static web（模块）

在这里插入图片描述

标准前端工程结构

|-- 项目名|- css 目录|- js 目录 |- img 目录index.html index 你好，传智播客

在这里插入图片描述

2.2 书写规范 1. 文档声明要求：必须在第一行，固定格式2. 标签要求：正确嵌套，正确闭合双标签单标签3. 属性要求：必须在开始标签中编写，属性值单双引都可4. 文本要求：在标签体内编写5. 注释三 HTML常用标签【记忆】 3.1 标签语义

学习标签是有技巧的，重点记住标签的语义，简单的理解为：这个标签能干啥

在这里插入图片描述

3.2 标题标签 01-标题我是h1标题我是h2标题我是h3标题我是h4标题我是h5标题我是h6标题 3.3 水平线标签 02-水平线 3.4 段落和换行标签 03-段落和换行传智专修学院是一所为互联网、人工智能、工业4.0培养高精尖科技人才的应用型大学。学校经江苏省宿迁市教育局批准，由江苏传智播客教育科技股份有限公司投资创办。当今世界已进入人工智能、机器人时代，人工智能、机器人已成为未来30年、甚至50年科技革命最重要的发展方向。世界各国越来越重视，我国政府也高度关注人工智能的发展，无论是党的十八大、十九大，还是2017、2018、2019的政府工作报告，均提出要重点发展人工智能、机器人，并提升到国家战略层面。技术发展首要是人才，而我国这方面人才非常紧缺。根据国家相关部门测算，目前我国人工智能人才的缺口就已经超过了500万，国内的供求比例仅为1:10，供需比例严重失衡。并且随着社会信息革命的进一步深入，相应人才的缺口会越来越大。但在这些新技术面前，目前我国关于这方面人才的规模化培养，无论是高校还是科研机构，均没有成熟的培养体系和方案，都还处于摸索阶段。 3.5 超链接标签 04-超链接绝对地址_传智官网相对地址_标题相对地址_水平线相对地址_默认访问页测试页面打开斗鱼，新窗口方式 3.6 图像标签 05-图像 3.7 列表标签 06-列表提莫剑圣拉克丝 javaphppython 3.8 div和span标签没有语义的，他们就是一个盒子，用来装内容，前端有一句话万物皆盒子 07-容器标签我是国民老公，我爱吃热狗... 班长如花 3.9 转义（实体）字符 08-实体字符爱传智，爱学生.... 半个英语字母英文空格 ; 一个汉字中文空格小于号 ; 大于号 ; &符号 ; 3.10 基本表格有条理性的展示数据内容

在这里插入图片描述

案例效果图…

在这里插入图片描述

09-基本表格 123456789 3.11 合并表格

在这里插入图片描述

10-表格合并 1-11-22-12-22-33-13-3 四 HTML表单【重点】 4.1 表单概述采集用户数据发送数据到服务器端（java服务器）

在这里插入图片描述

4.2 表单控件

在这里插入图片描述

11-表单控件姓名：密码：生日：性别：男女爱好：抽烟喝酒烫头头像：段位：黑铁青铜白银简介：五案例：黑马旅游网注册页面【作业】

需求：通过今天所学的table搭建黑马旅游网注册页面

在这里插入图片描述

【本文地址】

day01【HTML基础】HTML表单【重点】、表单控件、水平线标签、段落和换行标签、超链接标签、图像标签、列表标签、div和span标签、转义（实体）字符、基本表格、合并表格

day01【HTML基础】HTML表单【重点】、表单控件、水平线标签、段落和换行标签、超链接标签、图像标签、列表标签、div和span标签、转义（实体）字符、基本表格、合并表格

今日新闻

推荐新闻

day01【HTML基础】HTML表单【重点】、表单控件、水平线标签、段落和换行标签、超链接标签、图像标签、列表标签、div和span标签、 转义（实体）字符、 基本表格、合并表格

day01【HTML基础】HTML表单【重点】、表单控件、水平线标签、段落和换行标签、超链接标签、图像标签、列表标签、div和span标签、 转义（实体）字符、 基本表格、合并表格

今日新闻

推荐新闻

day01【HTML基础】HTML表单【重点】、表单控件、水平线标签、段落和换行标签、超链接标签、图像标签、列表标签、div和span标签、转义（实体）字符、基本表格、合并表格

day01【HTML基础】HTML表单【重点】、表单控件、水平线标签、段落和换行标签、超链接标签、图像标签、列表标签、div和span标签、转义（实体）字符、基本表格、合并表格