Day-20 HTML基础

Day-20 HTML基础

1. HTML语言

   • 网页基本结构:整个网页是一个html标签(有多少个网页就有多少个html标签, 就有多少个html文件)

   • 一个html标签里面有一个head标签和一个body标签

   • head负责网页头部显示

   • body负责网页内容的显示

     1. 标签语法

        • html是通过不同的标签来给网页提供不同的内容, 标签分为双标签和单标签

          • 双标签: <标签名 属性名1=“属性值1” 属性名2=“属性值2”>标签内容</标签名>
          • 单标签: <标签名 属性名1=“属性值1” 属性名2="属性值2/> 或者 <标签名 属性名1=“属性值1” 属性名2="属性值2>

        •   <meta charset="utf-8" />
          

        •   <title>震惊, 花季少年竟在课堂上作出如此事情</title>
          

        •   	<link rel="icon" type="image/jpg" href="./img/pict.jpg"/>
          

        •   你好, 世界!
          
            	<h1>一级标题</h1>
            	<h2>二级标题</h2>
            	<h3>三级标题</h3>
            	<h6>六级标题</h6>
          

        •   	<p>广西两男子为博领导赏识多次挖领导祖坟盗尸骨说是想等领导找不到时拿出来“邀功</p>
          

        •   <span>发布时间:2021.5.5 </span>
            	<span>千锋教育</span>
            	<fon>发布时间:2021.5.5 </fon>
            	<font>千锋教育</font>
          

        •   	<!-- <img src="./img/pict.jpg" alt=""> -->
            	<img src="https://img2.doubanio.com/view/photo/l/public/p2618815303.webp" 
            	alt="正在等待响应">
            	<img src="https://img2.doubanio.com/view/photo/l/public/p2618815303.webp"
            	title="哲学家" >
          

        •   	<a href="https://www.baidu.com/">百度</a>
            	<a href="https://www.baidu.com">
            		https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1680930604,3652180900&fm=26&gp=0.jpg</a>
          

2. 表单相关标签

   •      	<!-- 1.表单标签 
          	表单标签用来对表单中所有相关标签进行重置和提交, 单独使用没有任何价值
          	-->
          	<form action="" method="">
          	</form>
          ```
     
     

   •      普通文本输入框:<input type="text" value="" placeholder="请输入姓名" 
          		maxlength="5"/>  <br><br>
          		<!-- 
          		value属性	-	输入框中的内容
          		placeholder - 	输入提示信息
          		 -->
          		密码输入框: <input type="password" value="" placeholder="请输入密码"/>  <br><br>
          		
          		
          		
          		普通按钮: <input type="button"  /><br><br>
          		
          		<!-- 
          		 单选按钮需要通过label标签来提供选项, 当label的for和input的id一致的时候, 点击label可以选中input 
          		 如果希望多个选项中有且只有一个选项处于选中状态, 需要将多个选项的name属性设置成相同的值6
          		 -->
          		单选按钮: <input type="radio" id="sex1" name="sex" checked="checked"/> <label for="sex1">男</label> 
          				<input type="radio" id="sex2" name="sex" /> <label for="sex2">女</label> <br><br>
          		复选按钮: <input type="checkbox" id="ball1" name="ball"/><label for="ball1">篮球</label>
          				<input type="checkbox"  id="ball2" name="ball"/><label for="ball2">足球</label>
          				<input type="checkbox"  id="ball3" name="ball"/><label for="ball3">羽毛球</label>
          				<input type="checkbox"  id="ball4" name="ball"/><label for="ball4">网球</label>
          		<br><br>
          		
          		<!-- 重置按钮只能重置和重置按钮在同一个form标签里面的内容-->
          		重置按钮: <input type="reset" value=""/><br><br>
          		颜色选择器: <input type="color"  /><br><br>
          		文件选择器: <input type="file"><br><br>
          		时间选择器: <input type="datetime-local"  /><br><br>
          					<input type="date"><br><br>
          ```
     
     

   • ​
     
     

     •  	<select name="city">
        		<option value="成都市">成都市</option>
        		<option value="达州市">达州市</option>
        		<option value="绵阳市">绵阳市</option>
        		<option value="南充市">南充市</option>
        		<option value="乐山市">乐山市</option>
        		<option value="眉山市">眉山市</option>
        </select>
       

       •   <ol>
           		<li>python</li>
           		<li>java</li>
           		<li>\(^o^)/~</li>
           		<li>h5</li>
           		<li>ui</li>
           </ol>
         

     •  	<ul>
        		<li>python</li>
        		<li>java</li>
        		<li>\(^o^)/~</li>
        		<li>h5</li>
        		<li>ui</li>
        	</ul>
       

作业

import requests, re

# 1. 获取指定网页数据, 并且返回结果
response = requests.get('https://www.sohu.com/')
# 设置编码方式(防止乱码)
response.encoding='utf-8'

# 2. 获取请求内容
print(response)
# 在请求成功的时候获取网页源代码(网页内容)
if response.status_code == 200:
    print(response.text)

re_str = r'''<a.*?href="(.*?)".*?title=["'](.*?)["'].*?>'''

result = re.findall(re_str, response.text)
print(len(result))
for x in result:
    print(x)