简介这篇文章主要介绍了html标签(示例代码)以及相关的经验技巧,文章约3661字,浏览量437,点赞数2,值得参考!
HTML
1.一套规则,浏览器认识的规则
2.开发者:
学习html规则
开发后台程序
- 写html文件(充当模板的作用)
-数据库获取数据,然后替换到html文件的指定位置(web框架)
3.本地测试
- 找到文件路径,直接浏览器打开
- pycharm打开测试
4.编写html文件
- doctype对应关系
- html标签,标签内部可以写属性
- 注释:
5.标签分类
- 自闭合标签
- 主动闭合标签
somebody6.head标签中
- 编码,跳转,刷新,关键字,描述,IE兼容
- title标签
-
-
-
7.body标签
- 图标, > <
- p标签, 段落
- br,换行
========总结===========
所有标签分为:
块级标签: div(白板),H系列(加大加粗),p标签(段落与段落之间有间距)
行内标签: span(白板)
标签之间可以嵌套
标签存在的意义,css操作,js操作
ps:chorme审查元素的使用
- input系列
input type="text" - name属性,value="sun"
input type="password" - name属性,value="sun"
input type="submit" - value="提交" 提交按钮,表单
input type="button" - value="登录" 按钮
input type="radio" - 单选框 value,checked="checked",name属性(name相同则互斥)
input type="checkbox" - 复选框 value,checked="checked",name属性(批量获取数据)
input type="file" - 依赖form表单的一个属性 enctype="multipart/from-data"
input type="reset" - 重置
默认值 -多文本输入框 name属性
-select标签:
北京
上海
南京
深圳
- a标签
- 跳转
- 锚 href="#某个标签的" 标签的ID不允许重复
-img
属性有src,alt
-列表
- 有序列表
-
- 表格
td标签中,colspan="2"表示合并两列,rowspan="2"表示合并两行
- label
用于点击文字,使得关联的标签获取光标
用户名:
- fieldset 不常用,有印象就好
legend