入门前端必知必会之前端地基——html

作用：页面框架

服务器返回浏览器一个文件，文件内容是字符串，浏览器将字符串中特殊内容做解析展示出效果，解析的规则按照html规则

在浏览器中展示不解析html标签：

• &gt， &lt
• &nbsp
  python最简单的socket返回html字符串

import socket
client.send(bytes("HTTP1.0",encoding='utf-8'))

html组成

• 申明html规则，浏览器解析规则
• html内容
  • head 标签
  • body标签
• 注释：<!-- comment -->

head中的

• title：浏览器打开一个标签，标签显示的信息
• link：引用
  • rel：stylesheet——css，shotcut icon
• meta（自闭和标签）
  • charset属性
  • http-equiv + Content：Refresh刷新，Content（和http-equiv一同使用）—— "2; Url：xxxx"两秒刷新，并跳转到Url的地址
  • content：搜索引擎收录

body中的

所有标签都可以加id， 元素的id是唯一的

• br换行
• p
• h1——h6标题标签
• a跳转：
  • 浏览器新开一个标签：属性taget新建跳转
  • 锚点：href="#id_num" 符号# + 定位元素的id属性值
• form表单，结合input/select/textarea提交
  • action提交到的后台地址
  • method提交方式
  • enctype= “multipart/form-data”：文件上传
• input用户输入（提交数据需要组合form标签使用）：
  • type属性：text明文；password密文；file选择文件； radio选择框——radio + 相同的name属性值则互斥；checkbox复选框；submit提交数据（需要组合form标签使用）； button按钮（需要组合form标签使用）； reset重置（需要组合form标签使用）；
  • name提交表单的时候必须使用： name + value（value是用户输入）以字典形式提交过去
• select + option（提交数据需要组合form标签使用）：下拉框
  • multiple属性支持多选： size=10 默认显示10个多选选项
  • name提交表单的时候必须使用： name + value（value属性设定值）以字典形式提交过去
• select + group（提交数据需要组合form标签使用）：分类/分组下拉框
  • name提交表单的时候必须使用： name + value（value属性设定值）以字典形式提交过去
• textarea多行数据（提交数据需要组合form标签使用）：
  • name提交表单的时候必须使用： name + value（value是用户输入）以字典形式提交过去
• ul（unordered list）+ li， ol（ordered list）+ li
• table + thead(tr行 + th/td列) + tbody：
  • boder属性加边框
  • colspan横向合并
  • rowspan纵向合并
• filedset + legend署名边框
• iframe： iframe + src="http:xxx"嵌套网页，跨域会使用

块级标签

• div
• p

内联标签

span