zoukankan      html  css  js  c++  java
  • 学习java应该了解一些html超文本标记语言(前端)

        在自己学习的过程中遇到一些内容,怕忘记所以借助博客加深印象也方便查找!

      html超文本标记语言中,分行级元素和块级元素。

      行级元素的含义:行级元素不独占一行,相邻的行级元素在一行排列;行级元素可以控制行高,宽度与内容有关;行级元素内只能有文本和行级元素;行级元素设置属性 width、height、margin 属性无效。

      行级元素有如下:<b>,<i>,<u>,<s>,<sub>,<sup>,<span>,<strong>,<a>,<img>,<font>,<br/>等。

      块级元素的含义:块级元素独占一行,相邻的块级元素垂直排列;块级元素可以控制height、margin、padding等属性,就是行高,边距等是可以控制的。块级元素的宽度是浏览器的宽度,可以包含行级元素和块级元素。

      块级元素如下:<hn>,<hr/>,<p>,<tr>,<td>,<ol>,<ul>,<table>,<form>,<div>等。

      html语言实例如下:

       <html>

          <head>

            <title>网页标题</title>

            <meta charset="utf-8" /> <!--编码--->

          </head>

          <body>

             <!---注释部分:只介绍了html的结构,下面整理下常用到标签的属性。

    <hn align="(默认是left)">;

    <p align="(默认是left)">;

    <hr size="取值像素或整数"  width="取值百分比或像素" color="英文单词或#16进制" align="" noshade  />;

    <img src="相对路径" alt=" 无法加载时的语言描述"  title="鼠标放到图片上显示的文字" height="" width="" border="" hspace="" vspace=""   />;

    <a href="相对路径"  name="锚点"  target="_blank、_self、_parent" >;

    <table frame=""  rules="" width="" height="" border="" bgcolor="" background="" bordercolor="" cellspacing="" cellpadding="" >

    <tr height="" align="" valign="top/middle/bottom" bgcolor="" background="" bodercolor=""  >

    <td/th height="" width="" bgcolor="" background="" rowspan="" colspan=""   align="" valign="">

    <input type=""(属性值有 text password submit reset button checkbox file hidden )  有些有name  value  等  >

    <font size="" color="" face="" >

    <ol type="1/A/a/I/i"  start="取整数">

    <li type="1/a/i/A/I" value=" 整数" >

    <ul  type="disc/circle/square" >

    <li type="disc/circle/square">

    <caption  align="top/bottom">

    等等

    ---->

           </body>

       </html>

                                                             郑重声明:本文保证准确性,纯属个人爱好,不喜勿喷!!!

  • 相关阅读:
    java基础之接口和多态
    JAVA随笔三
    java基础之多线程
    JAVA随笔二
    java基础之继承补充和抽象类
    java基础之面向对象和继承
    java基础 之IO流随笔
    Java 基础之String随笔
    JAVA随笔一
    python文件处理指针的移动
  • 原文地址:https://www.cnblogs.com/a6948076/p/6398579.html
Copyright © 2011-2022 走看看