html基础

来源:互联网 发布:电路图绘制软件 编辑:程序博客网 时间:2024/06/06 04:56

某些 HTML 元素具有空内容(empty content)

空元素在开始标签中进行关闭(以开始标签的结束而结束)

大多数 HTML 元素可拥有属性

  • 文本显示
<b>这个文本是加粗的</b><strong>这个文本是加粗的</strong><em>这个文本是斜体的</em><i>这个文本是斜体的</i><sub>下标</sub><sup>上标</sup>
<pre>此例演示如何使用 pre 标签对空行和    空格进行控制</pre>

普通的话空多少行和多少个空格都当做一个空格。
用pre的话将照原来的格式输出。

<abbr title="etcetera">etc.</abbr><br /><acronym title="World Wide Web">WWW</acronym>

鼠标移到上面会显示完整的信息。

<p>你们是真的皮。</p>  <p><bdo dir="rtl">你们是真的皮</bdo></p>  

一个从左到右输出,一个从右到左输出。

<p>你一会看云,一会看我<br><q>我觉得</q><br>你看云很近,看我却很远</p>
<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>
<a href="http://www.runoob.com/" target="_blank">访问菜鸟教程1!</a><br><br><a href="http://www.runoob.com/"target = "_self" >访问菜鸟教程2!</a>

第一个会在新窗口里打开,第二个会在在本身的窗口中覆盖掉自己原先的内容。

在当前页面链接到指定位置。

链接方指定要达到的位置的id

到达位置要有一个id。

CSS 可以通过以下方式添加到HTML中:
内联样式- 在HTML元素中使用”style” 属性
内部样式表 -在HTML文档头部 区域使用

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head><body><h1>我的第一个 JavaScript </h1><p id="demo">JavaScript 可以触发事件,就像按钮点击。</p><script>function myFunction(){    document.getElementById("demo").innerHTML="Hello JavaScript!";}</script><button type="button" onclick="myFunction()">点我</button></body></html>
原创粉丝点击