Html快速上手

Html文件内容由head和body组成
head中可以指定编码格式(UTF-8,GBK等等)页面标题等其它控制信息
body中负责页面的具体呈现

html是解释型语言,不会报错,只会利用已有规则尽量去解释代码

基础标签:

标签分单标签和双标签
标题标签:h1-h6分别指一级到六级标题
段落标签:p
换行标签(单):br,html文件中编码的换行不代表呈现出来的也是换行,需要单独的换行标签
图片标签:img。属性src:资源位置,属性width和height代表长和高,属性alt:图片加载不出来的提示信息
列表标签:ol(有序)和ul(无序)。列表项标签li。对于ol可用属性start:从什么序号开始,属性type:选择序号显示方法;对于ul也有type用于区分不同列表项的图标
加粗标签:b
斜体标签:i
横线标签:u
上标标签:sup
下标标签:sub
span标签:用与圈出一部分,特殊修饰
超链接标签:a,属性href:引用链接,属性target:新窗口打开位置
区域标签:div,将大的页面划分为小页面组成

table表格标签

属性border:是否显示边界框
属性width:表格宽
属性cellspacing:边界粗
属性cellpadding:单元格内容左边距

表头标签th

行标签tr:

属性align:对齐方式

列标签td:

属性rowspan:行合并(值为数字);属性colspan:列合并

一般列标签包含于行标签里面

表单标签form

属性action:提交目的地
属性method:表单发送方式,get,post

输入标签input:

属性checked:checked-默认选中,当属性名和属性值相等时可以省略不写属性值
属性type:text,password,radio单选(必须name属性是相同),checkbox多选,submit(提交),reset(重置,恢复为默认状态),button(普通按钮)
属性name:提交数据不能缺少该属性。
属性value:用于处理程序处理数据

选择标签select:

由option标签组成
属性selected作用等同于checked属性

备注标签textarea:

属性rows:默认行数;属性clos:默认字数

frameset标签

用于页面组成,由frame和frameset标签组成
属性rows:eg:rows=“20%,”,将当前页面分为两部分。上部分占20%,剩下用表示
属性src:引用html文件位置
属性frameborder:边界是否显示
iframe标签:嵌入一个小页面

注意:标签由<>构成,所以代码中的<>不能直接编写,需要其他规则(html实体)

posted @ 2022-09-22 20:48  大专菜码  阅读(61)  评论(0)    收藏  举报