java EE开发：基础的HTML语言（常用标签+属性）

最新推荐文章于 2022-04-23 15:36:11 发布

hibari_18

最新推荐文章于 2022-04-23 15:36:11 发布

阅读量469

点赞数

分类专栏： HTML语言学习文章标签： html 语言

本文链接：https://blog.csdn.net/hibari_18/article/details/78906593

版权

HTML语言学习专栏收录该内容

2 篇文章 0 订阅

订阅专栏

一、标签通用属性

        size            大小(1,2, ...)
        color           颜色
        width=x%        长度(10,20,30 ...)
        align           行对齐方式(left,right,middle)
        valign          上下对齐方式(top,bottom,middle)

二、常用标记
1.独立标记：

        <br>换行
        <hr>分割线

2.页面标记

<body>      bgcolor           背景颜色
            text              非可链接文字的颜色
            link              可链接文字的颜色
            alink             正在点击的可链接文字的颜色
            vlink             已经点击过的可链接文字的颜色
            background        背景图像

3.链接标记

<a href="url address">            target         -blank        新窗口打开

4.字体标记

<h#>标题           #=1,2,3...(从大到小)
<front>           size=1,2,3...(从小到大）
                  color=#......

物理字体标记<X>
                 b         加粗
                 i         斜体
                 u         下划线
                 sup       字体上浮
                 sub       字体下浮
                 s         删除线

&标记<&X>
                amp        &
                lt         <
                gt         >
                quot       "
                nbsp       空格

5.文字布局标记

<p>         创建空白(不推荐使用 因为你要用很多个才能看出来效果...)
<p align=#> 对齐方式(left,right,center)
<br>        换行
<center>    居中
<div>       分块 相当于前后都换行
<pre>       文字原格式显示
<ul>        无序列表(每一行最前面有标记)
    <li>    type=disc(默认)
    <li>        =circle
    ...         =square
</ul>
<ol>        有序列表
    type=A    A,B,C,D...
        =a    a,b,c,d...
        =I    I,II,III,IV,V...
        =1    1,2,3,4....
        =i    i,ii,iii...
</ol>      
<dl>        章
    <dt>        节
        <dd>        段

行内元素：文字标记、链接标记、图像标记
块级元素：段落标记、列表标记
★块级元素可以包含其他块级元素或者行内标记(除

外)，行内元素只能包含其他行内元素

三、高级一些的标记
1.图像标记

<img>
    src="图片位置" 
    alt="未完全读入图像时，显示的文字"
    height="高度" 
    width="宽度"
    title="鼠标停留在图像上显示的说明文字"
    vspace="与顶部距离"
    支持jpg,gif,png
</img>

2.表格标记

<table>
    <caption>   表格标题
    <tr>        表行
    <th>        表头
        <th colspan=#>    合并#个列单元格
        <th rowspan=#>    合并#个行单元格
    <td>        表元（具体数据）

    width= weight= 表格的宽度和高度
    border="外边框粗细"
    bgcolor="表格背景色"
    background="背景图像"
    cell spacing="两个单元格的边界之间的间隙大小"
</table>

3.marquee标记（滚动行）

    behavior         滚动方式
        scroll       循环滚动(默认)
        alternate    左右滚动
        slide        滚到目的地停止
    direction        滚动方向
    height           滚动高度
    loop #           滚动次数（零或-1时表示不断滚动）
    scrollamount     滚动速度
    scrolldelay      滚动延迟

4.表单标记（form input select option textarea）

<form>
    action    处理表单的脚本程序位置，（*.asp）将表单传入某个页面处理
    method    提交表单的方式(get——http头中，post——包体中)
</form>

<input type=#>
         text             文本域
             name,id      名称或id
             maxlength    可输入最大字长
             size         宽度
             value        未填写时显示的字符            
         password         密码域（输入字符时只会显示*****）
         file             文件域（若存在此域，method必须为post，MIME类型必须为multipart/form-data）   
         radio            单选框（同一组选项的name值必须相同，value值必须不同）
             checked      设置初始时哪个按钮处于被选定状态
         checkbox         复选框（每一个选项的name值和value值都必须不同）
         button           普通按钮（可附加多种JavaScript功能定义）
         submit           提交按钮（提交表单内所有元素）
         reset            重置按钮
         hidden           隐藏域，在发送时会暗自发送
         img              图像按钮
             name         名字
             src          地址
</input>

<select name="" id="" size="">
    <option value="">
        ......
    </option>
</select>

<textarea>          可以理解为一个网页中内嵌的记事本
        name        名称
        cols        每行可容纳字符
        rows        行数
        wrap        换行方式（soft不换行 hard换行）
</textarea>

5.★CSS（可大量减少为了页面美观而产生的代码量，网上有很多“标准”格式）

①简单的定义一个css对象：

<style type="text/css">
    h1
    {   font-family:字体;
        color:颜色;
        font-size:字号（px为单位）;
    }
</style>

②使用方式:
1.内嵌式(自定义一个文本类型然后调用)

<td style="">

2.导入式（css规则引入外部css文件）

<style type="text/css">
    @importurl(".css");
</style>

3.链接式（一般网站常用方式，html标记引入外部css文件）

<link href=".css" rel="stylesheet" type="text/css">

③css=选择器+声明（定义属性和值）
（个人强迫症会让我修半天页面间距，文字类型，字号等问题。css只介绍个轮廓，如有兴趣可以参考http://www.w3school.com.cn/css/index.asp）

结：看见好的网页设计可以f12审查一下元素，多看看别人怎么写的能很快提升自己的水平

hibari_18

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
java EE开发：基础的HTML语言（常用标签+属性）

一、标签通用属性 size 大小(1,2, …) color 颜色 width=x% 长度(10,20,30 …) align 行对齐方式(left,right,middle) valign 上下对齐方式(top,bo
复制链接

扫一扫