常用标签实现静态页面
2019-07-21 21:04 孤城凉梦 阅读(296) 评论(0) 编辑 收藏 举报###(推荐去W3C上系统学习,此随笔只是简单的介绍)
###web标准组成:结构html、表现css、行为js
H5文档声明<!doctype html>
head定义页面信息
<meta charset="utf-8"/>编码方式
###块级元素--独占一行
div容器
p段落
h1--h6标题元素
h1用在logo
ol,li有序列表
ul,li无序列表(最常用于页面导航--二级菜单)
结构、功能、样式相同的也可以使用列表
dl,dt,dd自定义列表--图文混排
hr水平分割线
###内联元素--不自动换行
b,strong加粗
i,em斜体
u下划线
s,del删除线
span修改元素内容样式
sup上标,sub下标
a超链接
<a href="url" target="_blank"></a>
img图片
<img src="url" alt="" title=""/>
title鼠标移入时显示的文本
br文本换行
###table
禁止table布局,建议的是div+css布局(重点!!!!!)
table-tr-td
属性:
width宽度
height高度
border边框
cellpadding内边距
cellspacing外边距
bordercolor边框颜色
colspan向右合并
rowspan向下合并
表单元素
<form action="提交服务器地址" name="表单名称" method="提交方式get/post">
<input type="" name="" value=""/>
type="text"文本框 name="username" value="值"
type="password" 密码框 name="pwd"
type="submit"提交 value=""
type="reset"重置 value=""
type="button"按钮 value=""
</form>