概念
HTML(HyperText Markup Language)超文本标记语言,主要分为两个部分:头(head)部分和主体(body)部分,头部分主要是包含网页的一些信息,主体部分包含的是网页的一些具体内容。
标签
- 基本结构
<html></html>
- 头
<head></head>
- 内容
<body textlink="连接的颜色" alink="点击的时候的颜色" vlink="点击之后的颜色" bgcolor="背景色"></body>
- 段落
<p></p>
- 标题标签
<h#></h#>
#=1~6 - 注释
<!--要注释的内容-->
- 水平线
<hr size="高度" width="宽度" color="颜色" noshade="noshade" align="center"/>
- 图片标签
<img src="url" alt="图片信息" border="边框宽度像素" width="宽度" height="高度">
- 换行
<br/>
- 特殊符号
>(>) <(<) &(&) 空格( )
- 字体
<font size="1~7" face="字体" color="red"></font>
- 物理属性
- 黑体
<b>
- 斜体
<i>
- 下划线
<u>
- 定义上下标
<sub><sup>
- 删除线
<s>
- 黑体
- 表格
<table><tr><td><!--列--></td></tr></table>
表单
<form>
<input name="用来做记录的名称" type="类型" value="提交的值" maxlength="最大长度" checked="是否被选中"/>
</form>
举个例子
<html>
<head><title>CharlesLee</title></head>
<body>
<h4>html例子</h4>
<hr color="green" />
<!--这下面来一张美丽的照片,可以点击哦-->
<a href="http://m18713037229.blog.163.com/blog/static/25343404520165515836819/"><img src="http://img0.ph.126.net/pUU-KR70avlb4VKE2h7nKQ==/6631828627745048250.jpg"/></a><br/>
<a href="http://m18713037229.blog.163.com/">欢迎大家访问我的网易博客</a>
<font color=blue face=华文行楷 size=5>感谢您的阅读</font>
</body>
</html>
说明:下面的例子是把上面的代码直接复制到markdown编辑器中发表展示出来的效果,这里仅仅用了一点点技巧,HTML还有很多东西等着大家去探索
html例子
欢迎大家访问我的网易博客
感谢您的阅读