初学HTML

1.介绍

什么是html?
是一种用来设计网页的一门超文本标记语言,(使用标签对内容进行描述的一门语言,不是编程语言)它不依赖于任何语言,其重要的特性就是可以包含超链接,图片,音频和视频、程序、非文字等数据。
1.文件后缀名为.html或.htm结尾,建议使用前者
2.文件分为两部分<head></head>部分<body></body>部分
3.标签大多都是双标签(开始标签跟结束标签)也有单标签
4.忽略大小写,建议使用小写。

2.使用标签

1.标题标签n为1-6逐渐变小,
2.水平标签<hr/>
3.段落标签<p><p/>
4.字体标签<font>文本<font/>
属性颜色:color(英文或十六进制)=“值” 直接写入font第一个标签内
设置大小:size(1-7逐渐变大,超过7的按7显示)
5.图片标签
位置属性:src="";(相对路径,或者绝对路径)
宽度属性:width
高度属性:height
提示信息:alt(图片无法正常显示时给出的提示信息)
6.列表标签:
有序<ol><ol/>
顺序样式:type五个(1、a、A、l、i)。

						 <li>第一</li>
    					<li>第二</li>
    					<li>第三</li>

无序<ul><ul>
顺序样式:type三个值(disc、square、circle)。
开始属性:start 即从序号开始
降序属性:reversed
7.表格标签<table><table/>

<tr></tr>//行  需要几行直接插入就可以了
<td></td>//列  需要几列也是直接插入就可以了
rowspan="2"//跨两行
colspan="2"//跨几列
边框属性:border
宽度属性:width
高度属性:height
背景颜色:bgcolor
边框与边框的距离:cellspacing
边框与内容的距离:cellpadding
水平显示:align

8.链接<a href = "网址" target="-search"> 点我</a>
有target会在另外一个窗口打开,去掉就是在本网页打开。

3.网站首页

1.建立网站先设计好整体样子,再划分区域。大块里面套小块,小块里面套元素。

4.后台管理

后台主要是一个框架,占<body>的位置
框架集结构标签<frameset></frameset>将页面进行区域划分
垂直切割划分:cols(参数值为100%,对区域进行划分,可用 星号表示)
水平切割划分:rows(参数值为100%,对区域进行划分,可用*表示)
1隐藏项
在这里插入图片描述

5.网站上的注册信息(输入框)

1.需要提交到服务器端的表单项使用<form></form>括起来
action属性:表单的提交的位置(可以是一个页面,也可以是一个后台的java代码)
method属性:表单提交的方式(get/post/delete…等7种)
2.隐藏项

<input type="hide">

3.文本输入框

   <input type="text"  name=""    size ="max"  />

4.密码输入框

  <input type="possword"/>

6.按钮及下拉列表

1.单选按钮

<input  type ="radio" name="" checked=""/>

2.多选按钮

<input   type ="checkbox" name=""  checked=""/>

3.下拉按钮

<select  name="">
		<option value=""  selected="">北京</option>
		<option >上海</option>
</select>

4.文件上传项

<input type="file"  name=""/>

5.文本输入域

<textarea  name=""></textarea>

初学总结,有问题望指正

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值