javaweb学习笔记01

152 阅读3分钟

HTML5标签

文档连接

1.文件标签:构成html最基本的标签
    *html:html文档的根标签
    *head:头标签
    *title:标题标签
    *body:体标签
    *<!DOCTYPE html>:定义文档类型为html
        *代码:创建一个html类型的文档
            <!DOCTYPE html>
            <html>
                <head>
	                <meta charset="utf-8" /><!--指定字符集为utf_8-->
	            <title></title>
                </head>
                <body>
            	</body>
            </html>
2.文本标签:和文本有关的标签
    *注释 <!-- 注释内容 -->
    *<br/>:换行标签 可以写成<br>
    *<h1>to<h6>:标题标签 
        *h1~h6字体逐渐减小
    *<hr>:显示一条水平线
        *属性(h5不支持,不推荐使用)
            *color:颜色
            *width:宽度
            *size:高度
            *align:对齐方式
                *center:居中
                *left:左对齐
                *right:右对齐
    *<p>:段落标签  自动换行加段落间隔
    *<b>:字体加粗
    *<i>:斜体
    *<font>:字体标签(h5不支持,不推荐使用)
        *属性:
            *color:颜色
            *size:大小
            *face:字体
    *<center>:居中标签(h5不支持,不推荐使用)
    *属性定义:
        *color:
            1.英文单词 red,green,blue
            2.rgb(值1,值2,值3):值的范围 0-255 如 rgb(0,0,255)
            3.#值1值2值3:值的范围:00-ff之间。(16进制的rgb值) 如#0000ff
        *width:
            1.数值:width='20',数值的单位,默认为px(像素)
            2.数值%:width='50%'占比相对于父元素的比值
3.图片标签:
    *img:展示图片
        *代码:
            <!-- 展示一张图片 img -->
	            <img src="image/jiangxuan_2.jpg" align="right" alt="冲浪" width="500" height="500"/>
                <!-- 	
	                相对路径
	                	*以.开头的路径
		                	./代表当前目录 ./image/jigxuan_2.jpg
			                ../代表上一级目录 -->
4.列表标签:
    *有序列表:
        ol:定义一个有序列表
        li:列表项
    *无序列表:
        ul:定义一个无序列表
        li:列表项
5.连接标签:
    *a:定义一个超链接
        *属性:
            *href:指定访问资源的url(统一资源定位符)
                    *href可以访问当前目录的页面
            *target:规定在何处打开url
                *值:_self:默认值,在当前页面打开
                     _blank:在空白页面打
6.div 和 span:定义文档中的节,没有样式
    *div:每一个div占满一整行。块级标签
    *span:文本信息在一行展示,行内标签,内联标签(不会换行)
7.语义化标签:没有样式,h5中为了程序可读性提供的一些标签
    *<header>
    *<footer>
8.表格标签:
    *table:定义一个表格
        *border:边框
        *width:宽度
        *cellpadding:定义内容和单元格的距离
        *cellspcing:定义单元格之间的距离。如果指定为0,则单元格的线会合为一条
        *bgcolor:背景色
        *align:对齐方式
    *tr:定义表格的行
        *colspan:合并列
        *rowspan:合并行
    *td:定义表格的单元格
    *th:定义表头单元格,默认居中加粗
    *caption:表格标题
    *thead定义表格的头部分
    *tbody:定义表格的体部分
    *tfoot:定义表格的脚部分