前端 Html的学习

Html的简介

html的意思是超文本标记语言,用它编写出文档的文件的扩展名是“.html"或”.htm“(微软的操作系统),他是可供浏览器解释浏览的文件格式。

HTML标记两端有两个符号”<“和”>",这两个符号称为角括号。html标签通常是成对出现的,**比如“”和“”,前一个是开始标记,后面的是结束标记,在开始和结束标记之间的的文本是元素内容。html标记是与大小写无关的,”和所表示的意思的一样的。标记可以拥有自己的属性。属性他能够为页面上的HTML元素提供附加信息。

META的了解

META标记是html语言的head部分的一个辅助性的标记的,他位于head和title标记之间,他提供给用户不可见的信息。meta标记的用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的cookie;可以用于来鉴别作者,设置页面格式,标注内容提要和一些关键字,还可以设置页面的自动刷新以及等级等等。

TITLE标记

在头部的中,有另一组标签。打在这里面的文字会出现在浏览器视窗最上面蓝色部分里,作为网页的主题。

常用的分隔标记:

​ 强制断行标记

​ 强制分段标记

​ 空格“&nbsp

排版的标记

文字的置左,置右,置中

​ 刚刚我们学过的分段标记“

"再加上一些简单的属性设定,就可以让起的文字置左,置右,置中。

2.置中标记

使用方法

<center>内容</center>

3.保持原始数

使用方法

<pre>内容<pre>据格式标记
字体标记

1.标题标记

使用方法:

<h1>内容</h1>

2.设置字体标记

使用方法:

<font  size=“2”  color=“red”  face=“黑体”>内容</font>

3.字体变化标记

使用:在文字标记中,对于文字的格式也有相当多的变化,如加粗,斜体等等。
<dfn>用于名词解释,斜体显示</dfn>	
     <sup></sup> 上标      <smap>用于字母序列等宽</smap>
     <sub></sub>  下标
     
     <em></em>  强调	<address>模拟信封上的字体</address>
     <strong></strong>  加强
     <s></s>删除线    <strike>删除线</strike>
     <big>比默认字号大一号</big>
     <small>比默认字号小一号</small>
     <code>以等宽字体显示计算机程序代码</code>

4.背景标记

使用:<body bgcolor="red"  backgroud="bg.jpg">
    例子1:
   <html>
    <head><title>背景颜色</title> </head>
     <body  bgcolor="red">
     <font  size="4"  face="黑体"  color="red">背景颜色</font>
     </body> </html>
  例子2:
   <html>
    <head><title>背景颜色</title> </head>
     <body  background="bg.jpg">
     <font  size="4"  face="黑体"  color="red">背景图片</font>
     </body> </html>

5.标记

使用:<img  src="boy.jpg"  alt="haha" align="left" border="0"  height="56px" width="32px">
例子:
<html>
    <head>
     <title>图片</title>
    </head>
     <body>
       <img  src="boy.jpg"  alt="haha" align="left" border="0“   height="56px"        width="32px">
     </body>
   </html>

6.转义字符

  &lt;   <  &gt;    >   &amp;   &    &qout;&nbsp; 空格

7.表格

表格的结构
       1.<table>
            <table>...</table>是用来在html页面上创建表格的。
	 2.<th>代表列名一般放在第一行
      3.<tr>代表格的一行。
      4.<td>用来定义表格的一列。
      在默认情况下,表格是没有边框的,如果想要出现边框,就是用border属性。
表格的设置
表格的合并

8.input标签

text -文本框
button -按钮
submit-提交
reset-重置
password -密码
checkbox-多选
radio-单选
file -上传文件
date - 选取日、月、年
month - 选取月、年
week - 选取周和年
time - 选取时间(小时和分钟)
datetime - 选取时间、日、月、年(UTC 时间)
datetime-local - 选取时间、日、月、年(本地时间)
邮箱输入框
<input type="email" name="user_email" />
数字输入框
<input type="number" name="points" min="1" max="10" />
数字范围输入框(进度条)
<input type="range" name="points" min="1" max="10" />
颜色选择框
<input  type="color" name="colortext"/><br>

9.下拉列表及文本域

Select标签
<select>
        <option   value="qxz"  selected/>请选择
        <option   value=“A”/>苹果
        <option   value=“B”/>香蕉
        <option   value=“C”/>橘子
        <option   value=“D”/>西瓜
   </select>

10.表单

表单的用途
     表单在网页上用来给访问者填写信息的,从而获得用户信息,使用网页进行交互的功能。一般是将表单设计在一个html页面中,当用户填写信息后做提交操作,于是表单的内容就会从客户端的浏览器上发送给服务器,经过服务器上的jsp或者ASP或者Cgi等处理后,再将用户所需的信息传送给客户端的浏览器上,这样网页就具有交互性了。
表单构成
     <form></form>
     <form></form>标记是用来创建一个表单,在标记之间一切都属于表单里的内容。
     <from>标记具有action,metnod,target属性。 action属性是处理处理程序的程序名称。method属性是用来定义处理程序的从表单中获取信息的方法,通常有两种分别是GET和POST两种。
      target属性用来制定目标窗口的。
      
      表单的工作原理
     1.访问者填写表单,并提交给web服务器处理;
      2.在web服务器上的后台处理程序对提交后的数据进行处理;
      3.后台处理程序处理完成后,会重新生成一个新的html页面发给客户端。


这是我的html页面
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值