Java学习笔记(十七)初识HTML,基本标签,图像标签,链接,行内元素,块元素

HTML

  • Hyper Text Markup Language(超文本标记语言)

  • HTML 5,提供了一些新的元素和一些有趣的新特性,同时也建立了一些新的规则。这些元素、特性和规则的建立,提供了许多新的王爷功能,如使用玩个实现动态渲染图形、图表、图像和动画,以及不需要安装任何差键直接使用网页播放视频等。

  • 世界知名的浏览器厂商堆HTML5都支持,跨平台

    W3C标准

    W3C
    • World Wide Web Consortium(万维网联盟),成立于1994年,Wed技术领域最权威和最具影响力的国际中立性技术标准机构
    • http://www.w3.org/ http://www.chinaw3c.org/
    W3C标准包括
    • 结构化标准语言(HTML,XML)
    • 变现标准语言(CSS)
    • 行为标准(DOM,ECMAScript)

HTML初识

  • 注释

    
    
  • head标签:代表网页的头部

  • meta标签:描述性标签,描述网站的一些信息,一般用来做SEO

    <meta charset="UTF-8">
    
    
    
  • title标签:网页标签

  • body标签:代表网页的主体

网页基本标签

  • 标题标签:

    <body>
    <h1>一级标签h1>
    <h2>二级标签h2>
    <h3>三级标签h3>
    <h4>四级标签h4>
    <h5>五级标签h5>
    body>
    
  • 段落标签 :

    <p>从日落到日出时针p>
    <p>走过一个圈p>
    
  • 换行标签:

    从日落到日出时间 <br/>
    转动了世界 <br/>
    
  • 水平线标签


  • 粗体,斜体标签

    粗体:<strong>哈哈strong>
    斜体:<em>嘿嘿em>
    
  • 特殊符号

    • 空格  
    • 大于 >
    • 小于 <
    • 版权号 ©

图像标签

  • 常见图象格式:JPG,GIF,PNG,BMP

  • 格式 src:图像路径,alt:图像的替代文字,当图像未找到时显示,title:鼠标悬停提示文字,width height:长宽

    <img src="path" alt="text" width="x" height="y">
    <img src="../rescources/images/1.jpg" alt="StefSun" title="StefSun" width="300" height="300">
    

链接标签

  • 文本超链接,图像超链接

  • 连接文本或图像

  • href:链接的路径,target:链接在那个窗口打开,常用值_self(本网页跳转) _blank(新网页打开)

    <a href="http://www.baidu.com" target="_blank">点击跳转到百度a>
    <a href="http://www.baidu.com" target="_self"><img src="../rescources/images/1.jpg" alt="StefSun">a>
    
  • 锚链接:需要一个标记,跳转到标记

    <a name="top">a>
    <a href="#top">回到顶部a>
    
  • 功能性链接:邮件链接:mailto

    <a href="mailto:[email protected]">点击联系我a>
    

行内元素和块元素

  • 块元素

    • 无论内容多少行,该元素独占一行
    • (p,h1-h6)
  • 行内元素

    • 内容撑开宽度,左右嗾使内行元素的可以排在一行
    • (a,strong,em…)

你可能感兴趣的:(Java学习笔记(十七)初识HTML,基本标签,图像标签,链接,行内元素,块元素)