首页 > Web开发 > 详细

前端 1 HTML

时间:2020-05-13 21:11:21      阅读:47      评论:0      收藏:0      [点我收藏+]

 

1. HTML标签:https://www.cnblogs.com/liwenzhou/p/7988087.html

 

 

 

技术分享图片
import socket

sk = socket.socket()
sk.bind((127.0.0.1, 8080))
sk.listen(5)


while 1:
    conn, addr = sk.accept()
    data = conn.recv(9000)
    print(data)
    conn.send(bHTTP/1.1 200 OK\r\n\r\n)
    # conn.send(b‘o98k‘)
    with open("test.html", "rb") as f:
        conn.send(f.read())
    conn.close()
手写socket

HTML


1. HTMl定义

  FTP UPLOAD|ooxx.avi|1024 --> HTTP协议
  HTML: 超文本标记语言


2. HTML标签的结构
  HTML的结构
    head --> 给浏览器看的内容
    title --> 标题
    style --> CSS样式
    link --> CSS文件
    script --> JS

 


  meta          定义网页原信息
<meta charset="UTF-8">    # 告诉浏览器编码类型
<meta http-equiv="refresh" content="2;URL=https://www.oldboyedu.com">    一刷新网页,2秒后,跳到后面的网站


body --> 给用户看的内容

 


HTML标签的语法:
  <head 属性1=值1 属性2=值2></head>
  <body></body>

<meta>
3. Body标签中的常用标签
1. 常用标签的分类
  1. 独占一行的         块儿级标签
    1. h1~h6
    2. p
    3. div
    4. hr
    5. li
    6. tr

  2. 在一行内显示的     行内标签/内联标签
    1. a
    2. span
    3. img
    4. b/i/u/s
  2. 标签的嵌套
    标签可以嵌套标签
  注意事项:
  1. 尽量不要用内联标签包块儿级标签
  2. p标签不能嵌套p标签
  3. p标签不能嵌套div标签
  3. 获取用户输入的标签

 


1. form标签

<form action="http://127.0.0.1:8080" method="post">

<input type="text" name="alex">
<input type="submit">
</form>


一个容器,包住所有获取用户输入的标签
  - action属性      返回地址 
  - method属性       post
  - enctype属性


2. input标签
  type=‘xx’
    text
    password
    email
    date
  
    checkbox
    radio


button --> 普通按钮 --> 通常用JS给它绑定事件
submit --> 提交按钮 --> 默认将form表单的数据提交
reset --> 重置按钮 --> 将当前form中的输入框都清空


3. select标签

技术分享图片
  <select name="city">
        <option value="010">北京市</option>
        <option value="020">上海市</option>
        <option value="000" selected>深圳市</option>
    </select>
View Code

 

4. textarea标签

技术分享图片
<textarea name="info" cols="60" rows="20"></textarea>
View Code

 


5. form表单提交数据的注意事项
  {“k1”: "v1"}
  1. form标签必须把获取用户输入的标签包起来
  2. form不是from, form标签必须有action属性和method
  3. form中的获取用户输入的标签必须要有name属性

技术分享图片
<form action="http://127.0.0.1:8080" method="post">
    <input type="text" name="alex">
    <input type="submit">
</form>
View Code

 


2. 今日任务
1. 整理博客
2. 把课上的标签都自己敲一遍,用浏览器看一下效果
3. 作业
手写一个注册页面
4. 预习
https://www.cnblogs.com/liwenzhou/p/7999532.html



前端 1 HTML

原文:https://www.cnblogs.com/zhuangdd/p/12884815.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!