html基础

某些 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>
posted @ 2017-07-23 13:31  云胡同学  阅读(133)  评论(0编辑  收藏  举报