1,基本格式
html页面包含元素和属性:类似于<body>这样的是元素,元素里的是属性,比如:<body bgcolor="yellow">
HTML全局属性表:
参考:
2,html标题
<h1>——<h6>对应的是不同等级的标题
align="center" align属性表示排版方式,适用于标题或者段落:<h1 align="center">This is heading 1</h1>
段落的行数依赖于浏览器窗口的大小。如果调节浏览器窗口的大小,将改变段落中的行数。<p></p>表明段落
<hr/>表示加一条水平线,它不算是属性,在段落之间:
注释:<!--内容。-->
3,html段落
段落是通过 <p> 标签定义的,用<br />在段落<p>里折行,
4,html样式
在style标签里一个一个地设定,叫做内联样式,比如,
但是html同样支持预设样式,
外部样式表也是支持的:
样式相关的元素:
5,文本格式化
文本格式化标签:
<b>内容</b>,表示bold,加粗;除此以外,还有<strong>,<big>,<em>,<i>,<small>等
计算机输出标签:
预格式:<pre>内容</pre>,它会保留内容中的空格和换行,
引用,引用和术语定义
6 引用
HTML <q> 元素定义短的引用。
HTML <blockquote> 元素定义被引用的节。浏览器通常会对 <blockquote> 元素进行缩进处理。
7,链接
创建超链接:
图像文件:和普通文本一样,可以放在段落中,也可以架上超链接。
创建一个电子邮件的链接:
在“hehe”上创建超链接:
如果想在新的窗口打开超链接,那就把target设置成"_blank":<a href="" target="_blank">Visit W3School!</a>
如果想链接到本页面的不同位置:
如果想跳出本页面,跳到另一个页面,就设定target="_top" :<a href="" target="_top">请点击这里!</a>
<a name="label">锚(显示在页面上的文本)</a>
8,图像
<p><img src="" width="300" height="120" border="4" /> </p> //src是文件来源,witdth宽,height高,border是边框像素,替换文本属性:
拓展:
<body background="/i/eg_background.jpg">添加背景图
<p>图像 <img src="" align="bottom"> 在文本中</p> //h5中即将弃用
<p> <img src="" alt="Smiley face" style="float:left" width="32" height="32"> 一个带图片的段落,图片浮动在这个文本的左边。</p> //css属性,重点看style=“float:left”
<a href=""> <img border="10" src="" alt="HTML 教程" width="32" height="32"></a></p> //图像上架超链接,进阶是图像的不同部位有超链接,用map实现。
9,表格
表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。比如:
形成:
拓展:
没有边框的表格:
不设置<table>的border属性就可以了
具有合并单元格作用的表格:
10 列表
无序列表使用 <ul> 标签,unordered list
有序列表<ol>标签,ordered list
学到了css和区块:
如果您觉得本文的内容对您的学习有所帮助:
关键字:
jquery