2018-09-18 HTML day01作业

01.index



    
        
        Python1806-HTML
        
    
    
        

Python1806-HTML


目 录


02.目录



    
        
        Python1806-HTMLday01
        
    
    
        

Python1806-HTMLday01


目 录


03.文本标签



    
        
        
    
    
        

文本标签:


  1. 文本标签:h1-h6

    • h1-h6网页的内容涉及到标题的时候使用
        

    我是标题1

        

    我是标题2

        

    我是标题3

        

    我是标题4

        
    我是标题5
        
    我是标题6
  2. 段落标签:p

    • 网页的内容中一个段落文字对应一个p标签
    • p标签内容结束后会自动换行
      • 注意:html中的文字是不会因为手动的回车和空格以及缩进产生空白效果 (换行、空格、缩进无效)但是可以通过特殊符号,产生特定效果。

    • 空格符:& n b s p ;
    • 强制换行:< b r / >
  3. 文字效果:

    • a.加粗:b标签,strong标签
      • b标签:单纯的在样式上进行加粗
      • strong标签:除了将文字加粗显示外还有强调的意义
    • b.倾斜:i标签,em标签
      • em标签有强调的作用
  4. 水平线:< hr />

    • 单标签
  5. 列表标签:ul、ol、dl

    • ul:无序列表
    • ol:有序列表
    • dl:自定义列表

04.图片标签



    
        
        
    
    
        

图片标签:


    1.图片标签:img标签

    • 单标签
    • src属性:图片地址(可以是本地图片地址,也可以是网络地址)
    • title属性:鼠标停留图片上显示标题
    • alt属性:图片加载失败后的提示信息

    例如:< img src="../img/GJ.jpg" title="冠军" width="700" height="360" >


    例如:如果图片地址错误 - < img src="" alt="加载失败" >

    加载失败


    2.超链接标签:a标签

  1. 想要点击跳转的地方都可以使用超链接语法
  2. 1)href属性:跳转目标对应的地址

    • a.其他的网页地址----跳转
    • 例如: < a target="_blank" href="http://www.alibaba.com">阿里巴巴< /a> 阿里巴巴

    • b.写本地的html路径 ----跳转
    • 例如: < a href="http://www.FIFA.com">FIFA< /a> FIFA

    • c.空 ---- 刷新当前页面
    • 例如: < a href="">刷新< /a> 刷新

    • d.位置选择器---- 让网页跳转指定位置
    • 例如:
      加载失败

      加载失败

      加载失败


      第一张 第二张 第三张

05.表格标签



    
        
        表格标签
    
    
        

表格标签


    表格标签:table标签、tr标签、td标签、th标签

      1.标签
    • table标签:表格整体(一个table标签代表一个表格)
    • tr标签:行(一个tr标签代表表格中的一行)
    • td标签:单元格(一个td代表一个单元格)
    • th标签:表头
      2.属性
    • border属性:设置表格外边框的宽度(只能作为table属性)
    • bordercolor属性:设置边框颜色 (只能作为table属性)
    • bgcolor属性:设置背景颜色(可以作用于table\tr\td)
    • cellspacing属性:设置单元格与单元格之间的间距(默认是1)
    • cellpadding属性:设置内容和单元格之间的间距
    • width: 一般作用于某一个单元格,影响的是这个单元格对应的那一列
    • height: 一般作用于行,影响的是一行的高度
    • align:设置对齐方式(可以作用于table\tr\td)
      作用于table,让整个表格在浏览器中居中
      作用于tr/td,让内容在单元格中居中

代码如下图:

代码
姓名 年龄 组织
白胡子 72 白胡子海贼团
路飞 22 草帽海贼团

06.简介



    
        
        
        
    
    
        

个人简历






姓 名 廖鸿业 性 别
民 族 出生年月 97-09
籍 贯 云南 政治面貌 团员
身 高 999cm 职 务 CEO
健康状况 健 康 英语水平 666级
学 历 ??? 专 业 计算机
联系地址 火星 邮 编 999999999
联系电话 999888777666555 E—mail ~~~~~~~
所获
证书



社会
实践
专业
课程
求职
意向
个人
爱好
自我
评价

你可能感兴趣的:(2018-09-18 HTML day01作业)