HTML的前期了解

本文详细介绍了HTML5中常见的基础标签及其用法,包括文档声明、注释、水平线、换行、空格、图片、超链接、表格、表单等,深入探讨了各标签的属性及应用场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<!DOCTYPE html>:   这句声明,是告诉浏览器,请使用HTML5标准来执行这个网页。

<!--     -->    注释意义:1.把暂时不用的代码注释起来,方便以后使用。2.对开发人员进行提示。光标悬停在开头按住ctrl + /

<hr />     水平线

<br />     换行标记

&nbsp    空格

图片标签

<img  src = " (图片的路径)  "    />   多图片时,默认一行显示,且为底部对齐

其中还有属性title = ''value'',指鼠标放在图片上会显示出来图片的提示信息value

alt = "value",  指当图片无法显示时,会显示value值,如value为小仙女

超链接标签

<a  href =  "  (连接到的网页地址)  ">      </a>

其中常用属性有 target = "_blank"  指在空白页面打开此链接

与a标签链接相关的还有base单标签,用于控制所有a标签的链接或打开方式,通常写在head里,如<base  target = "_blank"/>

锚点       方法一: href#号     对应      id属性;    方法二:   href#号     对应    name属性

表格标签

<table>   <tr>   <td>

<table>  其常用属性有border  值为像素。     cellspacing 指单元格间隙,值为0时指单元格与单元格之间空隙为0

<caption>   指整个表格标题

<tr>   指表格的一行

<td>  指表格的单一单元格

<th>   表头,tr下的,可理解为 th = 加粗并水平居中的td

要习惯养成表格里拥有thead、tbody、tfoot语义化标签的习惯,无实际文本效果,只是为了结构的完整,注意只有tbody可以拥有多个。

table表格常用的属性:border、cellpadding(单元格内的空间)、cellspacing(单元格之间的空间)、rowspan、colspan、align(左右对齐方式)、valign(上下对齐方式)

表单

  • 表单必须由form标签来创建
  • form必须有action属性,表示后面按钮点击后将表单提交的地址。还有method属性,其值有get和post
  • input按钮的文字,由value属性表示
  • input必须放在form标签内才能提交
  • input之所以会有各种样式如点击按钮,账号输入,密码输入,单选框等,是因为type属性的作用,type属性值常见有:text(文本输入框)、password(密码输入框)、radio(单选框)、checkbox(复选框)、button(普通按钮)、submit(提交按钮)、reset(重置按钮)、file(文件选择框)、textarea(多行文本框,配合cols和rows属性)、select(下拉菜单,配合子标签option)

get请求和post请求的区别:

get通常指获取数据;post通常指提交数据;

get请求发送的数据都写在地址栏上,用户可见; post请求发送的数据用户不可见

get请求不能提交大量数据,但post可以,所以不要混淆了

form表单里input常用到的属性placeholder=”请输入密码“,text文本的提示文字,获得光标后提示文字消失

checked;默认勾选,      disabled;该选项不可选

容器

  • <span>标签    一个容器标签,不具备任何特殊功能,仅当作容器来使用。用于包裹一段文本,便于给文本增加样式。宽度为内容宽度。也可理解为用来修饰文字,div和span都是没有任何默认样式的,需要配合css才行。
  • <div>标签    一个通用容器标签,不具备任何特殊功能,仅当作容器来使用。可以包裹任何内容,也可以容器间相互包裹。一个空的div,默认宽度100%,高度为0,高度随内容变化而变化。

CSS引入

  • 内联样式:直接标签内通过style=”属性=属性值;“ 来引入
  • 内部样式:在head头部里通过<style>双标签来引入
  • 外部样式:通过<link  rel = " ",  href="  ", style="  ">单标签在head头部里引入,link通常用来指引入外部资源,rel指引入的外部资源类型(即资源与当前文档的关系),href指引入的外部资源地址。stylesheet指文档外部样式表。

 

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值