day07-2022-01-05

湖南

day01HTML

一,HBuilder

1.使用

直接解压就可以用
创建项目:直接点击 新建项目,输入项目名和选中项目存放位置,创建
创建资源:选中项目,右键,新建...

二,HTML

1.概述

是超文本标记语言,专门用来制作网页的
超文本:网页中可以包含各种类型的元素,包括:文字,数字,符号,图片,音频,视频...
标记语言:是一个独特的语言,有独特的语法.由大量的标记来描述的一门语言...
网页文件的后缀名:html/htm

2.入门案例








html



hello html~
hello html~

hello    html~

3.结构

文档声明行:声明文档的类型
头部分:描述网页的属性,标题,编码...
体部分:控制网页即将要展示的元素...
标签:在HTML里,就是由大量的标签组成的,标签是成对儿出现(开始标签和结束标签)
属性:为了修饰元素的效果,每个标签都可以拥有更多的属性.多个属性用空格隔开.
每个属性的描述都要遵循 属性名="属性值"
HTML不区分大小写.而且语法相对Java不太严谨.
HTML的元素有特殊性,换行用br标签.空格用 &nbsp

三,HTML的常用标签

1.标题标签

在网页中插入一些标题元素(居中,字号加大)





常用标签




31省份新增本土确诊41例 陕西35例


31省份新增本土确诊41例 陕西35例


31省份新增本土确诊41例 陕西35例


31省份新增本土确诊41例 陕西35例


31省份新增本土确诊41例 陕西35例

31省份新增本土确诊41例 陕西35例


2.列表标签

在网页中加入列表效果





常用标签



热搜榜



  • 31省份新增本土确诊41例 陕西35例

  • 稳住农业基本盘做好三农工作



  1. 31省份新增本土确诊41例 陕西35例

  2. 稳住农业基本盘做好三农工作



3,图片标签 & 超链接标签

在网页中加入图片元素





常用标签







百度一下

百度一下


我是顶部

北京富婆通讯录


北京富婆通讯录


北京富婆通讯录


北京富婆通讯录


北京富婆通讯录


北京富婆通讯录


北京富婆通讯录


北京富婆通讯录


北京富婆通讯录


北京富婆通讯录


北京富婆通讯录


北京富婆通讯录


^







4.Input标签





常用标签



普通的输入框:

密码输入框:

数字输入框:

日期输入框:

星期输入框:

单选框: 男

多选框: 吃饭

普通按钮:




提交按钮:把用户在浏览器输入的数据,提交给后端的java程序来处理



5.表格标签

通常用来展示数据





常用标签



流量调查表













总页面流量 共计来访 会员 游客
平均每人浏览 1.58
















11 13
21 22 23
31 32


6.表单标签

  • 只有表单标签,才能提交数据(是指 把前端输入的数据 提交给 java程序 的过程),表单标签本质上就是一个特殊的表格

注册表单





常用标签




注册表单


















































用户名:

密码:

确认密码:

昵称:

邮箱:

性别:
男
女
爱好:
篮球
足球
乒乓球
城市:

头像:

验证码:



自我描述:







posted @ 2022-01-05 09:18  elliottmoo  阅读(68)  评论(0)    收藏  举报