初谈HTML

来源:互联网 发布:java else 必须 编辑:程序博客网 时间:2024/06/05 14:28

概念

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/>
  • 特殊符号>(&gt) <(&lt) &(&amp) 空格(&nbsp)
  • 字体<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例子






欢迎大家访问我的网易博客
感谢您的阅读

0 0