zoukankan      html  css  js  c++  java
  • HTML1网页三部份内容

    网页三部份内容:HTML CSS Javascript

    路径:一般做网页的时候用的相对路径。

    images/aaa.jpg 网页同一个目录中找images文件夹,再在images里面找aaa.jpg

    images/1000/aaa.jpg 网页同一个目录中找images文件夹,再在images里面找1000文件夹,再在1000文件夹中找aaa.jpg

    ../images/aaa.jpg 找网页上一级文件,在网页上一级文件夹中找images文件夹,在images文件夹中找aaa.jpg

    ../../images/aaa.jpg 找网页上两级文件,在网页上两级文件夹中找images文件夹,在images文件夹中找aaa.jpg

    一、body:

    bgcolor

    background

    topmargin

    rightmargin

    bottommargin

    leftmargin

    body以上的属性仅做了解。

    二、标签:

    (一)基本标签:

    1.格式控制:

    <font face="字体名称" color="颜色" size="大小"></font> 字体

    <b></b>加粗 <strong></strong>

    <i></i>倾斜 <em></em>

    <u></u>下划线

    <br>

    <pre></pre> <center></center>

    转义:——需要记住

    ——空格

    <——小于号 <

    >——大于号 >

    &——&

    © ——©

    2.内容容器:

    <h1></h1> ...<h6></h6>  ——标题。默认情况下,加粗,独立一行

    <p></p> ——段落。独立一段,默认情况下,段落前后都会有一行大小的空白。

    <div></div>——区域标签,层标签。用来划分网页区域,进行页布局。前后换行。

    <span></span>——区域标签,层标签。前后不换行。

    <ul></ul>——无序列表标签。

    <ol></ol>——有序列表标签。

    <li></li>——列表项标签,用来放在ol或ul里面的。

    (二)常用标签:

    1. 超链接

    <a href="超链接的路径" target="_blank">超链接显示的内容</a>

    书签:

    第一步:定义书签 <a name="书签名">内容</a>

    第二步:定义超链接 <a href="页面名#书签名">超链接文字</a>

    2.图片

    <img src="路径(相对)" width="" height="" alt=""/>

    3.图片超链接

    <a href="超链接的路径"> <img src="图片路径"/> </a>

    (三)表格:

    <table></table>

    bgcolor:背景色。

    align:表格在页面中的对齐方式。

    宽  像素,百分比。

    border:边框宽度

    cellpadding:边距

    cellspacing:间距

    <tr></tr>

    bgcolor:背景色

    align:这一行中的文字的对齐方式

    height:高度,一般是像素,也可设百分比。

    <td></td>

    bgcolor:背景色

    align:水平对齐

    valign:竖直对齐

    height:高

    colspan:列的跨度。

    rowspan:行的跨度。

    注意:合并单元格的时候,一定要算好格好。

    (四)表单:

    <form id="" name="" action="" method=""></form>

    1.文本类

    单行文本框:<input id="" name="" type="text" value="内容"/>

    多行文本框:<textarea id="" name="" rows="行数" cols="列数">内容</textarea>

    密码框:<input id="" name="" type="password" value="内容"/>

    隐藏域:<input id="" name="" type="hidden" value="内容"/>

    2.按钮类

    普通按钮:<input id="" name="" type="button" value="按钮上的文字"/>

    提交按钮:<input id="" name="" type="submit" value="按钮上的文字"/>

    重置按钮:<input id="" name="" type="reset" value="按钮上的文字"/>

    图片按钮:<input id="" name="" type="image" src="图片的路径" width="宽" height="高"/>

    3.选择类

    单选

    复选

    列表

    文件

    (五)框架:

  • 相关阅读:
    vue同一页面中拥有两个表单时,验证问题
    Vue表单修饰符(lazy,number,trim)
    vue 去除前后空格trim
    git 命令大全
    localStorage 知识点
    vue-cli 打包后显示favicon.ico小图标
    Vue项目兼容IE浏览器
    System.Globalization.CalendarArgumentType.cs
    System.Globalization.Calendar.cs
    System.Globalization.CultureTypes.cs
  • 原文地址:https://www.cnblogs.com/981971554nb/p/4307918.html
Copyright © 2011-2022 走看看