1.认识URL，观察常用网站网址，区分不同组成部分。uscheme://host:port/path/?query-string=xxx#anchor11
2.观察web浏览过程.
3.HTML基础。练习使用标签制作简单的页面。
<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title>Deserve</title></head><body bgcolor=‘yellow‘><h1>This is kris wu</h1><h8>吴亦凡新歌Deserve</h8><p>
<div class="WB_detail">
???????????<div class="WB_info">
???????????????<a href="//weibo.com/u/3591355593?refer_flag=1005055013_" target="_blank" class="W_f14 W_fb S_txt1" usercard="id=3591355593&type=0&refer_flag=1005055013_" suda-uatrack="key=noload_singlepage&value=user_name">Mr_凡先生</a>
???????????????<a target="_blank" href="http://verified.weibo.com/verify"><i title="微博個人認證" class="W_icon icon_approve_gold"></i></a> ???????????????<a title="微博會員" target="_blank" href="http://vip.weibo.com/personal?from=main" action-type="ignore_list" suda-uatrack="key=profile_head&value=member_guest"><em class="W_icon icon_member7"></em></a> ???????????</div>
???????????<div class="WB_from S_txt2">
???????????????????????????????<a name="4161267465660310" target="_blank" href="/3591355593/FpHQunKvk?from=page_1006053591355593_profile&wvr=6&mod=weibotime" title="2017-10-10 11:42" date="1507606939000" class="S_txt2" node-type="feed_list_item_date" suda-data="key=tblog_home_new&value=feed_time:4161267465660310:fromprofile"> 10月10日 11:42</a>來自<a class="S_txt2" suda-uatrack="key=profile_feed&value=pubfrom_guest" action-type="app_source" target="_blank" href="http://app.weibo.com/t/feed/4Eaa5v" rel="nofollow">小米Note 3 拍人更美</a> ???????????</div>
???????????<div class="WB_text W_f14" node-type="feed_list_content" nick-name="Mr_凡先生">
???????????????????????????????????????????????????????????????????????????????????????????????????Kris Wu x Travis Scott<img src="//img.t.sinajs.cn/t4/appstyle/expression/emimage/ee849d.png" width="20px" height="20px"> <a suda-uatrack="key=minicard&value=pagelink_minicard_click" title="网页链接" href="http://t.cn/ROqvhza" alt="http://t.cn/ROqvhza" action-type="feed_list_url" target="_blank"><i class="W_ficon ficon_cd_link">O</i>网页链接</a> ???? ???????????????????????????????????????????</div>
???????????????????????????????????????????????????????????????<div class="WB_expand_media_box " style="display: none;" node-type="feed_list_media_disp"></div>
???????????????????????????????????????????????????????????????????<!-- 引用文件时，必须对midia_info赋值 -->
<!-- 微博心情，独立于标准的ul节点 -->
???????????????????<div class="WB_media_wrap clearfix" node-type="feed_list_media_prev">
???????<div class="media_box">
???????????<!--判断图片的个数，渲染图片-->
???????????????????????????<!--图片个数等于1，只显示图片-->
???????????????
???<!--picture_count == 1-->
???<ul class="WB_media_a ?WB_media_a_m1 clearfix" action-data="isPrivate=0&relation=0&clear_picSrc=%2F%2Fwx4.sinaimg.com%2Fmw690%2Fd60fbcc9gy1fkd01zkwgij215o15ob2a.jpg">
???????????????<li class="WB_pic li_1 S_bg1 S_line2 bigcursor li_n_mix_h" action-data="isPrivate=0&relation=0&pid=d60fbcc9gy1fkd01zkwgij215o15ob2a&object_ids=1042018%3A19c43342d6de4c3d7bafb8ea87c7a46d&photo_tag_pids=&uid=3591355593&mid=4161267465660310&pic_ids=d60fbcc9gy1fkd01zkwgij215o15ob2a&pic_objects=" action-type="feed_list_media_img" suda-uatrack="key=tblog_newimage_feed&value=image_feed_unfold:4161267465660310:d60fbcc9gy1fkd01zkwgij215o15ob2a">
???????????<img src="//wx4.sinaimg.com/orj360/d60fbcc9gy1fkd01zkwgij215o15ob2a.jpg">
???????????<i class="W_loading" style="display:none;"></i>
???????????????????</li>
???</ul>
???????????????????</div>
???</div>
?????
<!-- super card-->
???????????????????????????????????????????????????????????????????????????????????<!-- feed区 大数据tag -->
???????????????????</div>
哈哈哈哈哈哈
<a href="http://weibo.com/u/3591355593?refer_flag=0000015012_&from=feed&loc=nickname">点这里！</a></p><img src="http://inews.gtimg.com/newsapp_bt/0/2141066599/641"width="460"height="450"alt="error"></body></html>
web基础
原文地址：http://www.cnblogs.com/lishanting/p/7651121.html