zoukankan      html  css  js  c++  java
  • HTML主要标签应用

     HTML属性

      属性一般描述于开始标签

      属性总是以名称/值对的形式出现,比如:name="value"。

    HTML颜色

      1、英文单词表示。 red、green

    <p style="color:red">红色</p>

      216进制代码 (0-f),用“#”加六位16制代码表示。 例如:#cccccc(相同可简写#ccc)、#000000#000

    <h1 style="color:#cccccc">灰色</h1>

      3、rgba0~255,0~255,0~255,0~1),四位数表示。其中0~255代表颜色,0~1代表透明度。

    <h1 style="color:rgba(255,0,0,0.5)>红色</h1>

    HTML路径

    绝对路径:从根开始找,电脑磁盘路径

     列如:E:workspace601html

    相对路径:从自身位置开始找

    同级文件夹 ./ (可省略)

    上一级文件夹   ../

    下一级文件夹   ./

    HTML实体

    HTML 中的预留字符必须被替换为字符实体。

    一些在键盘上找不到的字符也可以使用字符实体来替换。

    如需显示小于号,我们必须这样写:&lt; 或&#60;  空格: &nbsp; 

    <a>标签

      <a href=""></a>

      <a> 标签定义超链接,用于从一个页面链接到另一个页面。

        自带 href 属性,它指定链接的目标。

          1、页面跳转

          <a href="网址">内容</a>-----注意网址的完整性

    <a href="http://www.baidu.com"> 百度链接</a>

          重要属性 target ,打开方式设定,默认在当前页打开,属性值:_blank 跳转页面打开

           用图像作为超链接

             嵌套<img>标签

             格式:<a href="URL"><img src="URL"></a>

       注意点:边框的问题.

         2、定位

          设置锚点

      在要定位到的位置 找一个标签给他加id属性 属性值就是锚点名称

          点击链接直接到定位锚点

    <a href="#xx">定位</a>     ---链接点
    ...
    <p id=xx>定位处内容</p>     ---锚点

        3、下载。其他

       <a>标签跳转到的文件,格式浏览器打不开,则提供下载,例如:.zip、.rar等压缩包

     <iframe>标签   窗口框架

       在网页页面内放置另外页面

    <iframe src="http://www.w3cschool.cc/"></iframe>

    <img>标签

    <img> 标签定义 HTML 页面中的图像。

    <img> 标签有两个必需的属性:src 和 alt。

    属性名

    属性值

    说明

     src

     URL

    图片的路径

     alt

    字符串

    给图片做注解

    width

    像素(绝对设置)、百分比(相对设置) 图像大小,图像的宽

    height

    像素(绝对设置)、百分比(相对设置) 图像大小,图像的高
    <img src="123.gif" alt="Smiley face" width="150" height="150">

      width和height可只写一个,保持图片原比例

    属性名 属性值 说明

    border

    数字

    图象边框

     align

    left

    图象靠左,文字靠右

    right

    图片靠右,文字靠左

    top

    文字往上靠

    middle

    文字靠中

    bottom

    文字靠下

    列表标签<ol>、<ul>、<li>

      <ol>与<ul>的内容只能是<li>,其他所有标签、内容,需要嵌套在<li>里面。

    有序列表<ol>

    <ol type=”形式”>
    
    
      <li>内容</li>
    
    
      <li>内容</li>
    
    
      <li>内容</li>
    
    
    </ol>

    无序列表用<ul>

    <ul>
    
    
      <li>内容</li>
    
    
      <li>内容</li>
    
    
      <li>内容</li>
    
    
    </ul>

     

    为网站添加图标

    使用<link>标签

    <link rel="shortcut icon" href="favicon.ico">

    属性:rel="shortcut icon"

    图片必须为.ico格式,可网上制作。

      

    背景色与文字设置

    格式:<body bgcolor=”背景色” text=”文字颜色”>

      内容距离整体页面的边距,行距

     <body leftmargin=”像素” topmargin=”像素”>

    自我学习问题:

    1、字体颜色设置,可以用<span>,复制style属性

    <span style=color:blue> </span>

    不能单独一行,可用<br>断行

    一段文字中只需要几个字变色时,可以嵌套在<p></p>中

    <p>内容1
       <span style=“color:blue”>内容2 </span>
         内容3
    </p>

    2、起文件名尽量,不要有中文

    3、注意代码格式的书写,美观

    4、注释符号<!--     -->

  • 相关阅读:
    topcoder srm 320 div1
    topcoder srm 325 div1
    topcoder srm 330 div1
    topcoder srm 335 div1
    topcoder srm 340 div1
    topcoder srm 300 div1
    topcoder srm 305 div1
    topcoder srm 310 div1
    topcoder srm 315 div1
    如何统计iOS产品不同渠道的下载量?
  • 原文地址:https://www.cnblogs.com/dk2557/p/9125952.html
Copyright © 2011-2022 走看看