HTML

前言

我们每天都在浏览很多网页,那么网页是怎么做出来的呢。下面将为您揭晓

正文

HTML 结构:

<html>

            <head>

             <title> 今天天气怎么样</title>

            </head>

             <body>

             今天天气非常好            

            </body>

</html>

 

HTML 基本 标签

HTML基本结构   <html>  </html>

段落标签     <p>  </P>

空格标签     &nbsp

标题标签     <h#>: #=1~6    例:<h1> </h1>  

图片标签   <img src="......" />

注释标签    <!--   -->

换行标签   <br/>

标尺线:<hr/>

 

HTML 文档格式标签

标题标签 <h#></h#>

html 水平线 <hr/>

html 拆行 <br/>

HTML中特殊符号

>(&gt)  <(&lt)   &(&amp)  空格(&nbsp)

HTML 图像

语法:

<img src =“图片路径”/>

alt 属性: 显示图片的名称

border属性:图片外侧相框宽度,默认像素

width 属性: 照片的宽度

height属性: 照片的高度

<font color="red" face="简体">  哈哈我又变帅了    </font>

标尺线<hr/>

常见属性:

size属性:标尺线的高度

width属性:标尺线的宽度

noshade属性:标尺线阴影

color属性:标尺线颜色

HTML字体

<b> 定义粗体文本

<i> 定义意大利斜体

<tt>定义打字机文本

<u>定义下划线文本

<sup> <sub> 定义上下标

<s> 定义加删除线的文本

HTML body属性:

<text>  字体颜色

<bgcolor>背景颜色

<link>链接字体颜色 

<alink> 点击链接字体颜色

<vlink>点击后链接字体颜色

<brckground>背景图片平铺属性

HTML 列表

有序列表

<ol  type="A">

<li>小明</li>

<li>小丽</li>

</ol>

无序列表

square(方块) circle(小圆圈)disk(小圆点)

<ul type="square">

<li>小明</li>

<li>小丽</li>

</ul>

自定义列表

<dl>  

<dt></dt>

<dd></dl>

</dl>

HTML 表格 语法

<table border="1">

      <tr>

                <td>  单元格内容</td>

      </tr>

</table>

 

<td></td>  添加列

<tr>  </tr>  添加行

属性:

跨列:colspan

跨行:rowspan

 

HTML表格的相关属性

<table>中的属性
bgcolor(背景颜色)

border(边框) 

bordercolor(边框颜色)

cellspacing(单元格之间间隔)

cellpadding(单元格之间间隔)

cellpadding(单元格与内容之间间隔) 

width(宽) 

height(高)

<td>中的属性

align(字左右靠)

valign(字上下靠)

bgcolor (背景颜色)

width(宽)

height (高)

表单

HTML表单都在<form></form>

<form>的常用属性、

action 表示提交的目标服务器

method 提交的方法 get post

get(默认,以url提交,就是以地址的方式提交)

post(通过报文提交)

HTML表单元素的基本格式

提交按钮标签submit

重设按钮标签 reset

按钮标签 button

图像标签 image

复选框标签:checkbox

单选框标签:radio

文件选择标签:file

列表标签:

<select>

    <option>    内容 </option>

</select>

属性: size  默认为1 (comboBox)非1(ListBox)

属性:multiple (多选)

属性:value 发送链接同Select 与 value 的值发送给服务器、

属性:selected 初始默认

 

 

 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 7
    评论
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

张铎(信念)

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

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

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

打赏作者

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

抵扣说明:

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

余额充值