Java Web系列01---HTML

时间：2017-06-09 00:50:09 阅读：150 评论：0 收藏：0 [点我收藏+]

标签：文本 asc web idt 字符集 rip 不同的最小 body

一、HTML概述

HTML，超文本标记语言，hyper text markup language，用于创建网页。

1）名词解释

超文本：比普通文本功能强大，可以描述文本的字体、颜色，可以展示图片和超链接
标记：标签，使用不同的标签展示不同类型的内容，比如使用 <p> 标签展示段落，使用 <img> 展示图片
语言：是标记语言，不是编程语言

2）书写规范

文件的后缀名是 .html 或 .htm
标签必须用 < > 包裹标签名，比如 <p>，<img>
属性的写法：key="value"
注释的写法：
HTML 不区分大小写，建议使用小写

3）注意

将所有内容放在 <html></html> 中
一般标签都有开始标签和结束标签，没有结束标签的称为空标签
标签必须正确嵌套，且最好关闭（空标签使用 / 在开始标签中关闭）

4）示例

<!DOCTYPE html>
<html>
	<head>
	    <meta charset="UTF-8">
	    <title>网页标题</title>
	</head>
	<body>
	    <!-- 网页内容 -->
	</body>
</html>

<html>：根标签
- <head>：头标签，存放网页元信息，导入样式和脚本文件；一般不显示在网页上
  - <title>：设置网页标题
- <body>：体标签，存放网页要展示的内容

二、常用标签

1）标题

格式：<h1>一级标题</h1> ~ <h6>六级标题</h6>

说明：

　　a. <h1>定义最大标题，<h6>定义最小标题

　　b. 有内置的字号，文字加粗，占据一行

属性：

　　align　　对齐方式，left 左对齐，center 居中，right 右对齐

2）字体

格式：<font>文字</font>

说明：

　　a. 已废弃，不建议使用

　　b. 可以设置文字的字体、尺寸和颜色

属性：

　　face　　　　字体

　　size　　　　尺寸，取值范围 1~7，默认值 3

　　color　　　颜色

3）段落

格式：<p>段落文本</p>

4）格式化文字

粗体：<b></b>
斜体：<i></i>
强调：<strong></strong>

5）空标签

水平线：<hr/>
换行：<br/>

6）图片

格式：<img />

属性：

　　src　　　　图片路径

　　alt　　　　替代文本

　　title　　　鼠标悬浮时显示的文字

　　width　　　宽度

　　height　　高度

7）列表

有序列表 <ol>
- type 属性值设置顺序的类型，可取值：1 表示数字，a A 表示英文字母，i I 表示罗马字母
无序列表 <ul>
- type 属性值设置符号的类型，可取值：circle，disc，circle

<ol type="A">
    <li>Java</li>
    <li>Python</li>
    <li>JavaScript</li>
</ol>

<ul type="circle">
    <li>A</li>
    <li>T</li>
    <li>B</li>
</ul>

8）超链接

格式：<a href="">文字或图片</a>

属性：

　　href　　　跳转的地址

　　target　　打开链接的方式

　　　　　　　　　　_self　　　　本标签页打开

　　　　　　　　　　_blank　　　　新标签页打开

　　　　　　　　　　framename　　在指定框架中打开

Java Web系列01---HTML

标签：文本 asc web idt 字符集 rip 不同的最小 body

原文地址：http://www.cnblogs.com/naruto-xk/p/6965357.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行