HTML4基础知识点

html的概述

超文本标记语言 可以放文本,图片,视频,声音,网页……

htmld的核心是标签

html的标准是w3c

html格式

<!--html声明文件-->
<!doctype html>
<!--根标签-->
<html>
<!--头标签-->
<head>
<!--标题标签-->
<title></title>
</head>
<!--主题-->
<body>

</body>
</html>

语法

扩展名:.html/htm

标签有起始标签和结束标签,标签成对出现,要是标签里面没有内容可以在起始标签结束

属性

格式:属性名=属性值

位置

在开始标签里面

元素

从开始便签带结束标签中的所有内容

html中的常用标签

font设置字体

font的属性 size(1-7)字号 color 字体颜色 face字体样式

<font size=2 color="pink" face=''仿宋">文本</font>

标题标签

<h1></h1>…<h6></h6>

<body>

<h1></h1>

<h2><h2>

……

<h6></h6>

</body>

段落标签<p></p>

下划线标签<hr></hr>

换行标签<br></br>

字体加粗<b></b>

斜体标签<i></i>

图片标签(重要)

<img src="图片路径(建议使用相对路径)" alt="图片破损或者找不到图片时显示的文字" tltie="鼠标放在图片上显示的文字" width="图片的宽" height="高">

列表标签

<ul></ul>无序列表

<ol></ol>有序标签

<li></li>需要显示的条目内容用在ul/ol中

列表标签中的属性 type 样式

超链接标签(重要)

<a href="要跳转的路径" target="_blank/_self">文本</a>

*_blank表示再另外一个窗口打开 _self在本窗口打默认值

锚点

<a href="#锚点名"> 文本</a>

<p id="锚点名">

假链接

<a href="#">文本</a>

表格标签(重要)

<table></table>定义表

<tr></tr>行

<td></td> 单元格

<th></th>单元格(用作表头)

<caption></caption>表格标题标签

table中的属性:border 边框 align="left,center,right" bgcolor="颜色" cellspacing=”单元格之间的距离“ width="宽" height="高"

td和th里面的属性:colspan()合并列  rowspan()合并行 bgcolor()单元格背景色

表单(最重要的内容)

表单用于收集不同类型的用户输入

form定义

常用的表单控件

<input><select><textarea>

form里面的属性:action提交 method提交方式

method提交方式:get(默认)是在地址栏后携带的 携带4kb post  是在http的请求中携带的 携带数据大小无限制 

get速度快,不安全

post速度慢,安全

input中的属性以及类型

属性类型由 type定义

text文本

password密码

date日期选择框

radio单选框

chockbox复选框

file 文件选择框

hidden 隐藏域

submit提交按钮

button 按钮

reset重置

select中的属性

option添加选择内容

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

stare!

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值