html 基础笔记

html
 ???1，一套规则，浏览器认识的规则
 ???2，开发者：
 ???????学习Html规则
 ???????开发后台程序：
 ???????????-写Html文件（充当模板的作用）
 ???????????-数据库获取数据，然后替换到html文件的指定位置（web框架）
 ???3，本地测试
 ???????-找到文件路径，直接浏览器方式打开
 ???????-pycharm打开测试
 ???4，编写Html文件
 ???????-doctype对应关系
 ???????-html标签，标签内部可以写属性 ???==》一个脚本里只能有一个html标签
 ???????-注释 ：<!-- 注释的内容 -->
 ???5，标签分类
 ???????-自闭和标签
 ???????????<meta charset="UTF-8">
 ???????-主动闭合标签
 ???????????<title>贾祥飞</title>
 ???6，head标签中
 ???????-<meta -> 编码，跳转，刷新，关键字，描述，IE兼容
 ???????-<title>标签</title>
 ???????-<Link /> ?搞图标
 ???????-<style />
 ???????-<script>
 ???7，body标签
 ???????-图标， &nbsp; &lt; &gt;
 ???????-p标签，段落
 ???????-br, 换行
 ???????======小总结======
 ???????????所有的标签分为：
 ???????????????块级标签：div (白板) ，H系列（加大加粗），P标签（段落和段落之间有间距）
 ???????????????行内标签（内联标签）：span标签（白板）
 ???????????标签之间可以嵌套
 ???????????标签之间存在的意义，定位操作，css操作，js操作
 ??????????????ps: chorm审查元素的作用
 ???????????????-定位
 ???????????????-查看样式
 ???????-h系列 字体放大/缩小
　　　 ??-div 块级标签 白板
　　　 ??-span 行内标签 白板
 ???????-input系列（可以提交到后台） + form标签

 ???????????input type=‘text‘-name 属性 ?（value=‘赵范‘输入框内默认有‘赵范’）
 ???????????input type=‘password‘-name 属性
 ???????????input type=‘submit‘-value=‘提交‘ 提交按钮，表单
 ???????????input type=‘button‘-value=‘登陆‘按钮

 ???????????input type=‘radio‘-单选框 value,name属性（name相同则互斥，只能选择一个）
 ???????????input type=‘checkbox‘-复选框 value,name属性（批量获取数据）checked=‘checked‘(默认选中)

 ???????????input type=‘file‘ -依赖form表单的一个属性 ?<form enctype="multipart/form-data">form表单标签
 ???????????input type=‘reset‘-重置

 ???????????<textarea>默认值</textarea>-name属性
 ???????????select标签-name,内部option value,提交到后台，size显示多个,muiltiple多选

 ???????-a标签
 ???????????-跳转 超链接
 ???????????-锚 href="#某个标签的id" id不能重复
 ???????-img 图片
 ???????????src 图片地址
 ???????????alt=‘美女’没有图片地址时显示‘美女’
 ???????????title=‘美女‘ 鼠标停留在图片上时显示‘美女’两个字
 ???????-列表
 ???????????-ul
 ???????????????li ?????????????????
 ???????????-ol　　　　　　　　

 ???????????????li
 ???????????-dl
 ???????????????dt 列表内标题
 ???????????????dd

 ???????-表格
 ???????????-table
 ???????????????thead 表头
 ???????????????????-tr 行
 ???????????????????????th 列
 ???????????????tbody 表内
 ???????????????????tr 行
 ???????????????????????td 列
 ????????????colspan = ‘2‘ 2代表横向占2格
 ????????????rowspan = ‘2‘ 2代表竖向占2格

　　　　-label
 ???　　　　用于点击文字，使得关联的标签获取光标
 ???　　　　<label for="username">用户名</label>
 ???　　　　<input id="username" type="text" name="user"/>
　　　　-fileset
 ???　　　　legent

html 基础笔记

原文地址：https://www.cnblogs.com/serpent/p/8976089.html