HTML基础的应用

68 阅读 0 评论 45 点赞

我是靠谱客的博主威武朋友，最近开发中收集的这篇文章主要介绍HTML基础的应用，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

1.基本结构

包含头部head和主体body

<html></html>:根标签

<head></head>：头标签

<title></title>：页面的标题，HBuilder编写边看看不见，网站打开可以看到

<body></body>：主体标签，网页内容

2.<h1>~ <h6>随着数字的增大内容文字变小。

<div></div>:块级标签，独占一行，换行

<span></span>行级标签，所有内容都在同一行

3.列表标签：

ul无序列表 <li></li>

ol有序列表<li><li> 属性 type里面可以写1 A a I i；

4.dl :定义列表

dt:定义标题

dd:定义描述

5.图片标签：<img/> src图片地址：相对路径绝对路径 width宽度 height 高度 border 边框 align 对齐方式

alt 图片的文字说明 title 图片的悬停显示hspace与vspace 左右上下对齐。

6.链接标签：<a href：跳转页面的地址> </a>

7.表格标签 <table border:边框的宽度 bordercolor 边框的颜色 cellspacing 单元格的边距 width：宽度 height：宽度>

<table>的align控制对齐 <td>的align控制内容对齐 valign控制内容对齐方式

b.表格的colspan 列合并

rowspan行合并

8.文本格式化标签：

<b> 定义粗体文本

<big> 定义大号字

<em> 定义着重文字

<i> 定义斜体字

<small> 定义小号字

<strong> 加强语气

<sub>下标字

<ins>插入字

<del>删除字

9.HTML表单标签

a.form标签常用属性：action 值为服务器地址，把表单的数据交到该地址处理

method 请求方式 get 小效率高能在地址后面看见不安全，post理论可以无限大效率相对慢一点

b.input标签 <input type"text"> type 取值有：

text 文本框输入内容

password 密码框，会隐藏输入的内容

radio 单选框，name必须一致 value提供给服务器的数据

checkbox多选

file文本文件框

必须有name属性，初始开始写的value表示默认值，以后获取的要根据name来取，下面的几个不需要。value属性要提交给服务器，placeholder提交服务器的数据。

submit 提交

reset 重置

image 图片提交按钮

button 普通按钮

hidden：隐藏域，内容服务器需要但是不想告诉用户

email 邮箱格式的数据

·丶select元素，<select name="city"> <option value="北京">北京</option>

丶textarer 需要指定输入区域位置大小。

10.框架标签

frameset body删掉换成frameset 将窗口分割为框架，每个frameset定义了一系列行或列 rows/colums规定了每行或每列占据屏幕的面积

<frameset rows="200,*" border="10px" bordercolor="yellow">
		<frame src="top.html" scrolling="yes" noresize="noresize" />
		<frameset cols="200,*">
			<frame src="left.html" scrolling="yes" noresize="noresize" />
			<frame src="right.html" name="content" scrolling="yes" />
		</frameset>
	</frameset>

11.其他标签 meta name="keywords" 页面的关键字/description/页面的描述

meta http-equiv="content-type" 页面的编码 refresh 自动跳转

meta charset utf-8 页面的编码