热门关键字:
jquery > jquery教程 > jquery教程 > html入门(详细描述)2

html入门(详细描述)2

284
作者:管理员
发布时间:2021/2/23 18:51:43
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=3986
  HTML 标题


  通过<h1></h1>-<h6></h6>定义<h1>最大<h6>最小<hr/>可定义水平线<!注释>可定义注释内容


  小例子:


  <p>This is a paragraph</p>


  <hr />


  <p>This is a paragraph</p>


  <hr />


  <p>This is a paragraph</p>


  HTML段落与折行


  <p></p>


  <br />


  HTML文本格式化


  HTML的style属性


  style属性可以是几乎任何表情的属性,下面来详述该属性的值


  背景颜色设置:


  background-color


  <html>


  <body style="background-color:yellow">


  <h2 style="background-color:red">haha</h2>


  <br />


  <img src="asdasdasd" />


  <br />


  <a href="">link</a>


  <p style="background-color:green">hzhangxunihao</p>


  </body>


  </html>


  字体,颜色,尺寸


  字体:font-family


  颜色:color


  尺寸:font-size


  举例:


  <html>


  <body style="background-color:yellow">


  <h1 style="font-family:verdana">a heading</h1>


  <p style="font-family:arial;color:red;font-zise:20px;">zhangxunihao</p>


  </body>


  </html>


  文本对齐


  text-align


  举例


  <html>


  <body style="background-color:yellow">


  <h1 style="text-align:center">a heading</h1>


  <p>The heading above is aligned to the center of this page.</p>


  </body>


  </html>


  HTML链接


  语法:


  <a herf="url">link text</a> ?<!链接文本不一定是文本,也可以是图片或者其他html元素>


  其他实例:


  在新窗口中打开url:


  <html>


  <body>


  <a href="" target="_blank">Visit w3school4SAE!</a>


  <p>如果把链接的 target 属性设置为 "_blank",该链接会在新窗口中打开。</p>


  </body>


  </html>


  查看当前页面的某一位置:


  <html>


  <body>


  <p>


  <a href="#C4">查看 Chapter 4。</a>


  </p>


  <h2>Chapter 1</h2>


  <p>This chapter explains ba bla bla</p>


  <h2>Chapter 2</h2>


  <p>This chapter explains ba bla bla</p>


  <h2>Chapter 3</h2>


  <p>This chapter explains ba bla bla</p>


  <h2><a name="C4">Chapter 4</a></h2>


  <p>This chapter explains ba bla bla</p>


  </body>


  </html>


  发送邮件:(已经安装邮件客户端)


  <html>


  <body>


  <p>


  这是邮件链接:


  <a href="mailto:someone@microsoft.com?subject=Hello%20again">发送邮件</a>


  </p>


  <p>


  <b>注意:</b>应该使用 %20 来替换单词之间的空格,这样浏览器就可以正确地显示文本了。


  </p>


  </body>


  </html>




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐