热门关键字:
jquery > jquery教程 > jquery教程 > html超文本标记语言基础一

html超文本标记语言基础一

332
作者:管理员
发布时间:2021/3/2 11:34:01
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4050
  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
友荐云推荐