Python学习笔记：前端基础入门指南-优快云博客

本文链接：https://blog.youkuaiyun.com/Mark_812/article/details/117280210

Day1_Python学习笔记

前端基础-HTML5

网页基本结构

整个网页是一个html标签.(有多少个网页就有多少个html标签;一个html里面有一head标签和一个body标签;head负责网页头部的显示;body负责网页的内容的显示.)
标签语法

html是通过不同的标签来提供不同的内容,标签分为双标签和单标签两种

双标签: <标签名属性名 = “属性值” >标签内容</标签名>

单标签: <标签名/ 属性名1 = “属性值1” 属性2 = “属性值2”> 或者<标签名>

注意:双标签的内容可以是文字也可以是其他标签
设置html文件的编码方式
设置网页标题

/ 网页标题-程明明
设置图标

link标签是用来导入外部文件的
rel - 设置导入文件的作用,icon 图标,stylesheet 样式表
type - 设置被导入的文件的类型和格式:文件类型/文件后缀
image/png - 表示导入文件是图片
herf - 被导入文件的路径

常见标签

标题:h1~h6
- /
  一级标题
- /
  二级标题
- /
  三级标题
- /
  四级标题
- /
  五级标题
- /
  六级标题
段落 - 自然段:p
- /
  我爱你中国!
普通文字:span,font
- 发布时间:05-24 09:26
  楚天都市报官方账号
  发布时间:05-24 09:26
  楚天都市报官方账号
文字相关符号和分段
1. 换行
- 强制换行 -
1. 空格
- &nbsp - 一个空格(空一个像素)
- &emsp - 一个空格(按一次空格)
1. 加粗
倾斜

,
图片和超链接

图片:img标签

src - 图片地址

title - 图片标题(鼠标悬停在图上后才能显示)

alt - 图片加载失败时显示的内容

<img src=“img/EE)PHP2F5R%25L3C~GCZZ@$)N.png” title="" alt=""?>

超链接:a标签可见可点击内容

href - 跳转链接地址
target属性 - 跳转方式,默认是 _ self(当前页面刷新), _ blank(创建新网页去跳转)

百度一下

表单标签:表单中的内容

表单标签用来对表单中所有相关标签进行重置和提交,单独使用没有任何价值

表单相关标签:

input标签:

type属性 - 值不同,标签的作用和表现完全不同

type = “text” - 普通文本输入框

;value属性 - 输入框中的内容;placeholder - 输入提示信息

type = “password” - 密码输入框

type = “button” - 普通按钮

type = “radio” - 单选按钮

type = “checkbox” - 多选按钮

注意:单选按钮需要通过lable标签来提供选项,当lable的for和input的id一致,点击label可以让它选中前面的选项.如果希望多个选项中有且只有一个选项被选中,需要将多个选项的name属性设置成一样的值
如果想让某一个选中被默认选中,则需要将该选项中的checked的值默认设置为checked

type =“reset” - 重置按钮(重置按钮只能重置和重置按钮在同一个form标签里面的内容)

type =“color” - 颜色选择器

type =“file” - 文件选择

type =“datetime” - 时间选择

type =“date” - 日期选择

多行文本输入框

textarea rows=“5” cols=“100” placeholder=“请输入评论…”>小明
下拉列表
成都市达州市南充市眉山市乐山市巴中市攀枝花市
列表

有序列表

无序列表

div标签:(分组标签)