欢迎到我的简书查看我的文集
前言:
html 英文: HyperText Markup Language 内容
HTML 是超文本标记语言, 是网页语言的基础知识, HTML 是通过标签来定义的语言, 所有代码都是由标签所组成的, 在 HTML 代码中不用区分大小写.
- <!DOCTYPE HTML>
- <HTML>
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- <title>
- Examples
- </title>
- <meta name="description" content="">
- <meta name="keywords" content="">
- <link href="" rel="stylesheet">
- </head>
- <body>
- </body>
- </HTML>
HTML 代码是由 < HTML > 开始的, 并且由 </HTML > 结束的, 包含头部分 < head></head > 和体部分 < body></body > 两部分组成.
头部分是用来给 HTML 页面添加属性信息的, 头部分是最先加载的内容, 而体部分是页面数据存储的地方.
在 HTML 代码中, 多数标签都是有开始标签和结束标签的, 其中有个别标签因为只有单一功能, 所以没有开始标签和结束标签这样.
HTML 为超文本标记语言, 标记语言, 要对标签进行修饰, 添加丰富的内容操作, 可以对属性值进行改变, 增强效果, 也可以增强用户体验感.
属性与属性值之间用 "=" 连接.
文本尾部 ".txt" 改扩展名 为 ".html".
打开时默认关联打开浏览器.
格式:
// 超文本标记
< 标签名 属性名 ='属性值' />
< 标签名 属性名 ='属性值'> 数据内容 </ 标签名 >
在 HTML 中, 代码都是由标签所组成的, 代码逻辑相当低.
- // 头和体
- <HTML>
- <head>
- <title></title>
- </head> // 网页的属性信息
- <body>
- </body> // 网页的数据内容
- </HTML>
HTML 是网页的最基本语言, 为了操作数据, 需要对数据进行不同标签的封装并通过标签中的属性可以对封装的数据进行操作.
字体标签
字体标签为: <font>
例如: <font size="10px" color="red"> 达叔小生 </font>
复杂颜色用 16 进制表示, 表现形式 #FF0000 两个数为一组, 按红, 绿, 蓝排列, 如:#00FF00 表示绿色.
数字越大越小来着.
特殊字符
列表标签
- <dt>
- 为上层项目
- <dd>
- 为下层项目
实例:
- <dl>
- <dt > 名称 </dt>
- <dd > 达叔小生 </dd>
- <dd>dashucoding</dd>
- <dt > 部门名称 </dt>
- <dd > 技术部 </dd>
- <dd > 研究部 </dd>
- </dl>
- <ol > 为数字标签,<ul > 为符号标签,<li > 为具体项目内容标签
列表
图像标签
- <img>
- // 实例
- <img src="1.jpg" align="middle" border="3" alt="图片说明文字" />
- // align 时属性定义图片的排列方式 // border 是用来设置图像的边框
地图 <map>
- <img src="dashucoding.jpg" alt="图片说明文字" usemap="#Map" />
- <map>
- <area shape="rect" coords="40,50,100,104" href="1.html" />
- <area shape="circle" coords="118,203,40" href="2.html" />
- </map>
表格标签
<table>
标题标签为 < caption>, 是表格的标题
- // width 值为百分比, 让表格的宽度随浏览器窗口的大小变化
- <table border="1" width="40%">
- <caption > 表格标题 </caption>
- <tr>
- <th > 姓名 </th>
- <th > 年龄 </th>
- </tr>
- <tr algin="center">
- <td > 达叔小生 </td>
- <td>dashucoding</td>
- </tr>
- </table>
- // 表头标签:<th>
- // colspan:th 标签占两列
- <table border="1" width="40%">
- <tr>
- <tr>
- <th colspan="2">
- </th>
- </tr>
- <tr align="center">
- <td > 达叔小生 </td>
- <td>dashucoding</td>
- </tr>
- </tr>
- </table>
- <tbody></tbody > 表格体
- <a name="标记">
- 标记位置
- </a>
- <a href="# 标记">
- 返回标记位置
- </a>
- <frameset rows="20%,*>
- // 上部分
- <frameset cols="28%,*>
- </frameset>
- </frameset>
- // <frameset>
- <frameset>
- </frameset>
- <iframe src="1.html">
- </iframe>
- <title>
- 用于显示浏览器的标题栏内容
- <base>
- href 属性和 target 属性
- <meta>
- 用于网页的描述信息, 是搜索引擎的关键字进行搜索
- <link>
- XHTML(可扩展的超文本标记语言)
- Extensible HyperText Markup Language
- public class Server{
- public static void main(String[] args) throws Exception {
- ServerSocket ss = new ServerSocket(90);
- Socket s = ss.accept();
- System.out.println(s.getInetAddress().getHostAddress());
- InputStream in = s.getInputStream();
- byte[] buf=new byte[1024];
- int len = in.read(buf);
- String text = new String(buf,0,len);
- System.out.println(text);
- PrintWriter out = new PrintWriter(s.getOutputStream(),true);
- out.println();
- }
- }
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <HTML>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <!-- meta http-equiv="refresh" content="3;url=http://www.sina.com.cn"
- /-->
- <title>
- Insert title here
- </title>
- </head>
- <body>
- </body>
- </HTML>
- <i > 一下 </i>
- <u > 其他 </u>
- <strong > 标签 </strong>
- X<sub>2</sub> X<sup>2</sup>
- <pre > 代码格式 </pre>
- <style type="text/CSS">
- </style>
来源: http://www.jianshu.com/p/4390d9ecd424