`
longzijian
  • 浏览: 39656 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论
阅读更多
Html 是为了在各种网络环境之间,不同文件格式之间进行交流的一种语言格式。
Html 功能:
制作网页,以文本、图像、列表、表格等形式显示信息
通过超链接检索在线的信息
通过表单实现数据的采集和提交,以获取远程服务
在页面中嵌入电子表格、动画、视频或音频剪辑,以及其他一些应用。
Html 文件:
纯文本格式,内含文本信息和文本标记
后缀为“.html”或者“.htm”,标记大小写不敏感。
Html 文档结构
<html>
   <head>
<title>页面标题</title>
  </head>
<body>
文件主题
</body>
</html>
Html 基础标记
  文档主体标记<body>
<body>用于标记HTML文档主体部分,文档主体中通常会包含很多其他标记,
                  这些标记和标记属性构成HTML文档的主体部分。
<body>标记的主要属性
bgcolor    设置页面背景颜色。bgcolor = “#ccffcc”
background  设置页面背景图片。 background = “路径”fi
bgpropcrtics =“fixed”  使背景图片不随着滚动条而滚动
text 设置文档正文的文字颜色 text= “#FF6666”
分段标记:  <p>段落文字</p>
换行标记:  <p>段内第一行文字<br>段内第二行文字</br>段内第三行文字</p>
正文标题:  <h1 aliga =”位置” color=”颜色”></h1>…….<h6></h6>  由大到小
注释标记:  <!-注释文字 -->
水平分隔线标记:   <hr color =”” size=”” width=”” aliga=”
                        left|center|light”></hr>
文档头部信息
       <head> 用于标记html文档头部信息,主要是供浏览器或网络搜索引擎使用,
               而不会显示在网页正文中
<head> 主要子标记(子元素)
<title> --设置窗口标题 <title>我的网页 </title>
<link> --建立到外部文件(主要是css外部样式表)的链接
       <link rel=“stylesheet” href=“mystyle01.css” rype=”text/css”>
<style> --设置网页的内部样式表
<style type= “text/css”>
   body{background-color.white;color.red;}
         </style>
<meta> --设置当前页面的元数据信息
     <meta name="description" content="html实用教程">
    <meta name="keywords" content="html,v512工作室,教程">
             <meta name="author" content="zlg">
    <meta http-equiv="content-type"
                   content="text/hrml;charset=GBK">
   <meta http-equiv="refresh"
                   content= "5;url=http://www.google.cn">
文本格式
HTML使用文本格式标记来设置文本信息的显示格式:
标记 显示格式
<b> 粗体(bold)
<i> 斜体(italic)
<del> 文字中部划线表示删除
<ins> 文字下划线表示填充内容
<sub> 下标
<sup> 上标
<pre> 原样显示,保留空格和换行
字体
<font> 标记用于设置字体的类型、大小和颜色。
<font> 标记的属性:
face –设置字体类型  size-设置字体大小(1~6号) color-设置字体颜色
<font face –“宋体” size=”2” color =”#ff0000 ”>文字内容</font>
可以多个组合,也可以单个使用。
图片
<img> 标记用于在html页面中插入图片
<img src= “youyou.png”>
<img src= “http://www.v512.com/attachments/book.gif”>
<img> 标记的其他属性
alt – 在不支持图片显式的浏览器中将显式本属性值(altermate text)
    <img src = “youyou.png” alt = “悠悠的照片”>
width/height – 设置图片大小

<img src =”” width= “200” height = “120”>    以像素为单位
<img src =”” width= “30%” height = “30%”>   以显示窗口的大小的百分比

align – 设置图片的水平和垂直对齐方式
<img src = “”  align = “悠悠的照片”>
border – 设置图片边框条宽度
<img src = “”  border = “2”>
特殊字符显式

HTML中可以使用字符实体表示拉丁字符
显示效果 符号说明 实体名表示 实体编号表示
        空格符 &nbsp; &#160
< 小于号 &it; &#60
> 大于号 &gt; &#62
& 符号&(ampersand) &amp; &#38
" 双引号 &quot; &#34
© 版权符号 &copy; &#169
 ® 注册商标 &reg; &#174
× 乘号 &times; &#215
÷ 除号 &divide; &#247
超链接
HTML使用 <a> 标记来实现超链接
<a href = “ http://www.myweb.com”> 我的网页</a>
<a>标记的其他属性:

target – 在指定的窗口或者新窗口中显式链接页面

<a href =  “http://www.v512.com/bbs” target =_blank > 论坛</a>

name –设置锚(anchor)标记,实现超链接跳转到页面指定位置
<a name = “p1”>文本内容</a>
<a href= “p1”> 跳转到(锚标记p1)指定的位置</a>

title – 设置超链接的文字说明(鼠标悬停在超链接上时显示)。
<a href =  “youyou.png” titl= “点击可以看到我的照片” >悠悠</a>

链接到emaiil地址 <a href = mailto:service@v521.com>联系我们</a>
图片作为超链接   <a href = “…”><img src = “youyou.png”></a>

分享到:
评论

相关推荐

    winfrom中嵌套html,跟html的交互

    在Windows Forms(WinForms)应用开发中,有时候我们需要在应用程序中展示富文本或者实现复杂的用户交互,这时可以采用嵌入HTML的方式。本文将详细介绍如何在WinForms中嵌入HTML,并与HTML进行交互,同时通过提供的...

    html2image 2.0.3 用于简单的html转图片

    Html2Image html2Image = Html2Image.fromHtml(sb.toString(),null); // 这边如果设置false,图片不会自动根据内容设置长宽默认长1024 ,宽768 //html2Image.getImageRenderer().setAutoHeight(false); ...

    登录页面html静态的html登录页面

    在这个特定的案例中,我们有一个静态的HTML登录页面,这意味着它不包含任何后端服务器交互,所有的功能都仅限于前端,即在用户浏览器上完成。 首先,`login.html` 是这个登录页面的主要文件。它通常由HTML标记组成...

    JS-HTML-Format(JS及HTML代码格式化工具集合)

    针对JS(JavaScript)和HTML(超文本标记语言)这两种广泛使用的前端开发语言,有多种代码格式化工具可以帮助开发者实现这一目标。下面将详细介绍这些工具及其特点。 1. **JS Beautify**: JS Beautify是一款开源...

    HTML期末大作业

    HTML,全称HyperText Markup Language,是用于创建网页的标准标记语言。这个“HTML期末大作业”显然涵盖了HTML的基础知识和应用技巧,对于学习者来说,无论是完成作业还是自我提升,都是一个宝贵的资源。 HTML的...

    Android TextView显示html的demo

    在Android开发中,有时我们需要在TextView中展示富文本内容,比如HTML格式的文本,这能够增强界面的表现力,包括插入图片、设置字体样式等。这个"Android TextView显示html的demo"就是专门为了实现这一功能而设计的...

    html 个人网站 源码

    HTML个人网站源码是构建网页或简单网站的基础框架,它包含HTML、CSS和可能的JavaScript文件,这些元素共同构成了一个动态、交互式的网络界面。在这个压缩包中,我们看到的是一个名为“经典三列布局整套模板”的项目...

    html2pdf_中文

    在IT行业中,HTML to PDF转换是一项常见的需求,特别是在网页内容需要离线阅读或者打印时。`html2pdf`是一个PHP库,它允许开发者将HTML页面转换为PDF文档,从而实现这个功能。`html2pdf`库特别强调了对中文的支持,...

    html期末大作业

    HTML(HyperText Markup Language)是用于创建网页的标准标记语言,它是互联网上应用最广泛的语言,也是构建网页的基础。在这个“html期末大作业”中,我们可以推测这是一个学生或学习者为了完成课程要求,练习并...

    HTML静态网页模板下载大全

    HTML静态网页模板是网页设计中常见的一种资源,它是由HTML、CSS和JavaScript等技术构建的预设布局和设计。这些模板通常包含多个页面,如首页、关于我们、联系我们、产品展示等,为创建网站提供了一个快速而高效的...

    自己用c++写的html文件解析程序(html-x)

    【标题】"自己用C++写的HTML文件解析程序(html-x)"是个人开发的一款基于C++实现的HTML解析器。这个程序旨在处理HTML文档,提取其中的信息或者进行特定的DOM操作。开发者通过C++编程语言实现了对HTML文档的解析,允许...

    html word凭据套打

    HTML和Word凭据套打是一种常见的技术,用于批量生成标准化的文档,如发票、证书或合同,其中包含可变的数据。这种技术结合了HTML的灵活性和Word的强大格式化能力,通常在业务自动化流程中用于提高效率。下面我们将...

    HTML转PDF 非常好用

    HTML到PDF转换是一种常见的需求,尤其在Web开发和文档生成领域。Aspose.Pdf是一款强大的.NET库,专门用于处理PDF文档,其中包括将HTML转换为PDF的功能。以下是对这个主题的详细探讨。 首先,理解HTML(超文本标记...

    通过SpringBoot访问HTML页面源码

    在本文中,我们将深入探讨如何使用SpringBoot框架访问和处理HTML页面。SpringBoot以其便捷的配置和快速的应用开发而闻名,使得构建Web应用程序变得更加简单。本实例将展示一个清晰、简洁且注释丰富的代码示例,帮助...

    50余款手机页面模版源码html5

    50余款手机页面模版源码html5 1.1【32赞HTM5响应式系列之右侧多级滑动式】仿Slideby触屏版html5响应式手机wap网站模板 2【32赞HTML5响应式系列之订餐模板】微官网美食订餐html5触屏响应式手机wap网站订餐模板 5【32...

    纯HTML网页源码

    HTML,全称HyperText Markup Language,即超文本标记语言,是构建互联网页面的基础。它是一种标记语言,通过一系列标签来描述网页的结构和内容。"纯HTML网页源码"指的是只包含HTML代码,不依赖其他如JavaScript、CSS...

    FreshHTML3.32.0.0汉化版

    FreshHTML是一款广受欢迎的HTML编辑器,其3.32.0.0汉化版为中文用户提供了极大的便利。这款编辑器的最大特点是它的所见即所得(WYSIWYG)功能,这意味着用户在编辑HTML代码时,可以直接看到页面的实际显示效果,极大...

    html静态页面源代码

    HTML(HyperText Markup Language)是一种标记语言,用于创建网页内容并定义其结构。在这个"html静态页面源代码"的压缩包中,包含了四个HTML源文件,它们是构建静态网站的基础。静态网站指的是不包含服务器端动态...

    html5饼图、柱状图、折线图,Html5+JS开发

    HTML5是一种先进的网页标准,它在图形和交互性方面提供了许多增强功能,使得开发者能够创建出更加生动和富有表现力的网页应用。本资源包含了一系列使用HTML5和JavaScript技术实现的图表,包括饼图、柱状图和折线图,...

    html2canvas.js 下载

    《html2canvas.js:网页截屏的利器》 在当今的Web开发中,用户界面的交互性和可分享性越来越重要,而html2canvas.js正是实现这些功能的关键工具。这个JavaScript库允许开发者将网页的HTML结构及其CSS样式转换为...

Global site tag (gtag.js) - Google Analytics