HTML基础(2022.01.05)

9:00~12:00

常见的代码:
①<meta charset="utf-8"> 防止中文乱码
②<h1>一号标题</h1>
③<title>标题标签</title>
④<head><!-- head用来描述网页的属性--></head>
⑤hello html~<br /><!--br是换行,自闭标签 -->
⑥hello html~&nbsp; &nbsp; &nbsp;11<!--&nbsp是空格元素 -->
⑦<body></body> <!--body用来控制游览器即将展示的内容 -->

二.常用标签

1.标签

①<!--1.标题标签 h1~h6 从大到小的顺序字号变化-->

<ul>无序</ul>       <ol>有序<ol>
在有序无序中加入<li>字段</li>

 

==========================================================================

14:00~18:00

2.图标标签

①图片标签
         src属性用来指定图片位置/路径
         (如果图片和网页文件在同级文件夹可以直接显示)

<img src="照片.jpg"> width宽度 height高度 px像素 
 width属性用来指定图片的宽度,单位是像素px
 height属性用来指定图片的高度,单位是像素px

②超链接跳转

<a> 标签的 target 属性规定在何处打开链接文档。
 _blank  ---->新窗口
_parent ---->在父框架集中打开被链接文档
_search ---->???
_self ---->当前页面打开
_top ---->在整个窗口中打开被链接文档。

锚定:从底部回到顶部,相互交换位置

 

3.图片标签
 用超链接包裹图片,使图片可以点击进行跳转页面

 4.Input标签

<input type="text" />      普通文本框
<input type="password" /> 密码
<input type="radio"/>男   单选框
<input type="number" />   数值
<input type="week" />    日历
<input type="checkbox" />篮球 足球 乒乓球 多选框
<input type="button"  value="点我一下"/>
<input type="submit"  value="提交数据"/>
<button type="reset">重置</button>

5.表格标签

 对table进行设置表格背景颜色(bgcolor),边框宽度(width),边框间距(border)

 整体:

 

 6.表单标签:

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

<!-- 表单的格式:-->
<body><!-- 即将需要展示的页面样子-->
 <form>
   <table>
        <tr><!-- 这里是行-->
             <td> 这处是列</td>
        </tr>
   </table>
  </form>
</body>

表单代码

<tr>行   <td>列 <th>字体加粗居中 


 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值