HTML

HTML基础总结

  1. HTML基本结构在这里插入图片描述

  2. DOCTYPE 文档类型声明
    声明必须放在第一行

  3. 网页编码设置
    <meta http-equiv=“Content-Type” content=“text/html;charset=utf-8”/>
    注:utf-8 CG2312 gbk等编码形式

  4. 文字和段落标签
    标题标签:<h1></h1> ~<h6></h6>
    段落标签:<p> </p>
    align对齐属性值:在这里插入图片描述
    换行标签:<br/>
    文字斜体:<i> <em>
    加粗: <> <strong>
    下标: <sub>
    上标: <sup>
    特殊符号:
    在这里插入图片描述

  5. 列表标签
    有序列表:
    <ol>
    <

  6. 列表项<

  7. <
  8. 列表项<


  9. </ol>

HTML表格

  1. 格式
    <table> 表格
    <tr> 行
    ⁢>单元格

  2. 基础语法及结构

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3- 表格属性
在这里插入图片描述

  1. 跨列属性

在这里插入图片描述
放置在第一个单元格上面,同时删除相应单元格内容
2. 跨行属性
在这里插入图片描述
使用表格布局时:

  1. 尽量少地使用表格嵌套
  2. 尽量少地使用表格跨行跨列
  3. 进行网页布局时,不设置border

HTML表单

  • 语法
&lt;form>
 		表单元素
&lt;/form>
 

在这里插入图片描述

  1. input标签
    在这里插入图片描述
    test 单行文本域
<form>
	< input type="text" name=" " value="  "/>
</form>

在这里插入图片描述
password 密码域

<form>
	< input type="password" name="".../>
</form>

单选框 复选框
同一组的name值要相同

图像域

<form>
	< input type="image" name="..." src=".."/>
</form>

必选填写图像src地址

下拉菜单和列表标签
在这里插入图片描述
注意:点击提交按钮给服务器传递的是 value值,而不是我们在页面上看到的相应内容(选项)

<select>标签属性
在这里插入图片描述
在这里插入图片描述
分组下拉菜单和列表
在这里插入图片描述
多行文本域
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值