美文网首页
HTML基础

HTML基础

作者: BESTU张正雨 | 来源:发表于2015-10-22 15:13 被阅读153次

    HTML连接

    通过使用< a>在HTML文档中定义链接。
    两种使用< a>标签的方式:

    • 通过使用href,创建指向另一个文档的链接
    • 通过使用name,创建文档内的书签
    <a href="http://www.baidu.com">link text</a>
    

    <a href="http://www.baidu.com">link text</a>
    HTML链接-target属性
    使用target属性,可以定义你的链接文档在哪里显示

    <a href="http://www.baidu.com/"  target="_blank">This is a link</a>
    

    HTML链接-name属性标签
    name属性规定锚的名称

    <a name="label">锚(显示在页面上的文本)</a>
    

    现在来一个做书签的实例:
    1、首先在HTML文档中对锚进行定义(创建一个书签)

    <a name="tips">基本注意事项-有用的提示</a>
    

    <a name="tips">基本注意事项-有用的提示</a>
    2、然后,在同一个HTML文档中创建指向该锚的链接:

    <a href="#tips">有用的提示</a>
    

    <a href="#tips">有用的提示</a>
    3、也可以在其他页码创建指向该锚点的链接:

    <a href="http://www.jianshu.com/p/fffd618b1a25/#tips">有用的提示</a>
    

    <a href="http://www.jianshu.com/p/fffd618b1a25/#tips">有用的提示</a>

    HTML图像

    图像标签< img>和源属性< src>
    <br />在HTML中图像由< img>标签定义,< img>标签是空标签,没有闭合标签。< src>指的是"source",源属性的值是图片的URL。
    定义图像的语法:

    <img src="http://pic.nipic.com/2007-11-09/2007119122519868_2.jpg" />
    

    <img src="http://pic.nipic.com/2007-11-09/2007119122519868_2.jpg" width="100" height="100">
    浏览器会将图片存储在img标签出现的位置出现。
    <br >
    替换文本属性(Alt)
    alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。

    <img src="YY.jpg" alt="This is a .jpg" >
    

    <img src="http[://YY.gif" alt="This is a .gif" >
    在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。
    <br >
    HTML背景图片

    <html>
    <body background="http://pic1.nipic.com/2008-09-08/200898163242920_2.jpg">
    <h3>图像背景</h3>
    <p>gif 和 jpg 文件均可用作 HTML 背景。</p>
    <p>如果图像小于页面,图像会进行重复。</p>
    </body>
    </html>
    

    文字中排列的图像

    <html>
    <body>
    <h2>未设置对齐方式的图像:</h2>
    <p>图像 <img src ="/i/eg_cute.gif"> 在文本中</p>
    <h2>已设置对齐方式的图像:</h2>
    <p>图像 <img src="/i/eg_cute.gif" align="bottom"> 在文本中</p>
    <p>图像 <img src ="/i/eg_cute.gif" align="middle"> 在文本中</p>
    <p>图像 <img src ="/i/eg_cute.gif" align="top"> 在文本中</p>
    <p>请注意,bottom 对齐方式是默认的对齐方式。</p>
    </body>
    </html>
    

    相关文章

      网友评论

          本文标题:HTML基础

          本文链接:https://www.haomeiwen.com/subject/ckqpqttx.html