HTML基础

html介绍:

 html:超文本标记语言

html的作用:制作网页(静态网页)

结构标签:

1.根标签:<html></html>

2.头标签:<head></head>可包含title,meta,script,style,link

3.体标签:<body></body>

字体标签:

1.<font>文字</font>

2.<font>标签的属性:<标签 属性名=“属性值” 属性名=“属性值”></标签>

3.color属性(字体颜色),size属性(字体大小)

排版标签:

1.标题标签:h标签<h1>...<h6>

2.段落标签:p标签<p>一段文字</p>

3.字体加粗标签:b标签<b>文字</b> 

4.字体斜体标签:i标签<i>文字</i>

5.字体下划线:u标签<u>文字</u>

6.居中标签:<center>标签<center>内容</center>

7.br标签:换行<br/>

8.hr标签:水平线<hr/>

图片标签:<img>

属性:

1.src:图片的来源

2.width:图片的宽度(绝对路径,相对路径)

3.height:图片的宽度

4.alt:图片找不到显示的内容

列表标签:

1.有序列表:

<ol>

   <li></li>

</ol>

有序列表的属性:

(1.type属性:

   1:数字类型

    a:英文类型

    I:罗马字符

(2.start属性:从哪开始

2.无序列表:

<ul>

  <li></li>

</ul>

无序列表的属性:

(1.type属性:

      disc:实心圆

      circle:空心圆

      square:方块

HTML的超链接标签:<a>

 *属性:

           *href:连接的路径

           *target:打开的方式

           *_self:在自身页面打开

           *_blank :新打开一个窗口

表格标签

<table>

<tr>

   <td></td>

   <td></td>

</tr>

</table>

属性:

width:表格宽度

height:表格高度

border:边框

cellspacing:是表格里单元格之间的距离

cellpadding:表格里单元格内的空白部分

align:表格水平位置:left,center,right

<td>的属性:

colspan=“列数”

rowspan=“行数”

表单标签:<form>

  *常用属性:

       *action属性:提交的路径.默认提交到当前页面

       *method属性:请求的方式.GET和POST.默认是GET

         *GET:数据会显示到地址栏中.GET方式提交事由大小的限制

         *POST:数据不会显示到地址栏中.POST方式提交的是没有大小限制

表单元素-文本框

<input type="text">文本框

  *常用属性:

    *name:表单元素的名称.必须有name属性,然后后台才可以接收数据

    *value:文本框的默认值

    *size:文本框的长度

    *maxlength:文本框输入的最大长度

    *readonly:只读文本框

表单元素-密码框

<input type="password">密码框

   *常用属性:

      *name:表单元素的名称.必须有name属性,然后后台才可以接收数据

      *value:密码框的默认值

      *size:密码框的长度

      *maxlength:密码框输入的最大长度

表单元素-单选按钮

  <input type="radio">单选按钮

    *常用的属性:

      *name:表单元素的名称.必须有name属性,然后后台才可以接收数据

       *value:单选按钮的默认值

       *checked:单选按钮默认被选中

表单元素-下拉列表

  <select>下拉列表

        <select>

                    <option value="v1">选项1</option>

                     <option value="v2">选项2</option>

         </select>

<option>常用属性:

selected:选项被选中

表单元素-其他元素

<input type="button">:普通按钮,没有任何功能的按钮。

<input type="submit">:提交按钮

<input type="reset">:重置按钮

<input type="file">:文件上传的表单项

<input type="hidden">:隐藏字段

<input type="image">:图片按钮

<textarea>:文本域

分组标签

特殊字符

&nbsp:空格

&gt:大于

&lt:小于

&copy:版权

&reg:商标

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值