HTML超链接和简单登陆界面

超链接

点击跳转#跳转到其他网站
查看更多#跳转到自己网站的其他网址可以简化成下面形式
查看更多

我们在index.html中加入上面的两个超链接 

HTML超链接和简单登陆界面_第1张图片

 在生成的网页中会出现这两个链接,’点击跳转‘会转到百度,‘查看新的网页’会跳转到我们新写的网址(新写的网址和上一篇的写法一样,跳转到get_news.html)

(百度界面这里就不展示了)

HTML超链接和简单登陆界面_第2张图片

 HTML超链接和简单登陆界面_第3张图片

 HTML超链接和简单登陆界面_第4张图片

 跳转到我们写的新网页

HTML超链接和简单登陆界面_第5张图片

 图片

#格式
#直接显示别人的图片
cover#别人图片的地址,别人网站的图片可能有防盗链

#显示自己的图片


#自己图片的地址/static/图片.jpg

#设置图片的宽度和高度
#如果只设置高度,会按比例缩放

 注意:显示自己的图片时:

        在项目中创建:static目录,图片要放在static文件下

HTML超链接和简单登陆界面_第6张图片

效果图演示: 

HTML超链接和简单登陆界面_第7张图片

 列表

#无序列表
    
  • 北京
  • 上海
  • 广州
#有序列表
  1. 北京
  2. 上海
  3. 广州

HTML超链接和简单登陆界面_第8张图片

 表格

    
id 城市 天气
1 北京
2 上海 多云
3 广州 有雨

HTML超链接和简单登陆界面_第9张图片

 input系列

    #文本框
    #密码框
    #文件框
    男#name需要一样 单选框
    篮球#复选框
    足球
    乒乓球
    #普通的按钮
    #提交表单

 下拉框

    

下拉框

HTML超链接和简单登陆界面_第10张图片

 多行文本

    

多行文本

#rows= "x" 多行文本有x行

 HTML超链接和简单登陆界面_第11张图片

 根据上述知识可以做出简单登陆界面




    
    Title


用户注册

用户名:
密码:
选择性别:
爱好:羽毛球 听音乐 打游戏 篮球
城市:
擅长领域:
备注:

HTML超链接和简单登陆界面_第12张图片

你可能感兴趣的:(Python,Web开发,html,前端,python)