入门前端必知必会之前端地基——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