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


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