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、注释符号<!--     -->

  • 相关阅读:
    Studio之版本管理工具Git (图文教程)
    studio adb连接不上手机 ADB server didn't ACK
    studio-引入外来包
    TextView的属性列表
    java_ _反射
    SDcard进行文件的读取
    资源文件assets和 res下面raw文件的使用不同点
    android的照片浏览器(一)至返回所有图片文件
    使ViewStub 来提高UI的加载的性能
    安卓优化--
  • 原文地址:https://www.cnblogs.com/dk2557/p/9125952.html
Copyright © 2011-2022 走看看