HTML基础代码
2018-07-18 01:42:12来源:博客园 阅读 ()
<!--注释内容,在浏览时不会显示-->
<!DOCTYPE HTML> <!--声明文档类型-->
<html>
<!--头部内容:-->
<head>
<script>
document.write("HelloWorld")
</script>
<!--相对路径的默认链接-->
<!-- <base href="http://www.sina.com.cn" target="_blank"></base> -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="author" content="SaiqiangYu"/>
<meta http-equiv="refresh" content="" />
<meta name="description" content="基础学习 & 教程 笔记">
<link rel="stylesheet" type="text/css" href="test.css">
<title>html基础页面测试</title>
<!--内部样式表-->
<style type="text/css">
</style>
</head>
<!--可见页面内容:-->
<body>
<a id="tips">页面顶端</a>
在body内在其他标签内
<h1>1号标题显示</h1>
<font size="1">这是1号字体文本</font>
<font size="6">这是6号字体文本</font>
<h3>3号标题显示</h3>
离离原上草(br换行)<br/>一岁一枯荣(br换行)<br/>
<h6>6号标题显示</h6>
<p>这是一个段落</p>
<p>这是下一个段落</p>
<hr>
<img src="timg.jpg" width="1200" height="798" border="0" alt="BeautifulGirl">
<p><a href="http://www.baidu.com" style="text-decoration:none;">百度一下,你就知道</a></p>
<hr>
<h2>文本格式化<h2>
<b>粗体文本b</b><br>
<em>着重文字em</em><br>
<i>斜体字i</i><br>
<small>小号字samll</small><br>
<strong>强调:加重语气strong</strong><br>
<sub>定义下标字sub</sub><br>
<sup>上标字sup</sup><br>
<ins>插入字ins</ins><br>
<del>删除字</del><br>
<hr>
<h2>计算机输出标签</h2>
<code>计算机代码code</code><br>
<kbd>键盘码</kbd><br>
<samp>计算机代码样本samp</samp><br>
<var>变量var</var><br>
<pre>预格式文本</pre><br>
<hr>
<h2>引文,引用,及标签定义</h2>
定义缩写abbr:<abbr title="HyperText Markup Language">HTML</abbr><br>
定义地址address:<address>Saiqiang Yu<br>from JiangXi<br>IN China.</address><br>
定义文字方向:<bdo dir="rtl">定义文字方向</bdo>
<p><blockquote cite="www.baidu.com">定义一个引用,引用内容通常会两端缩进40px</blockquote></p>
定义短语引用p<p>佛说<q>前世的五百次回眸换来今生的一次插肩而过。</q></p>
定义作品<p><cite>闲来笔谭</cite>吴官正著</p>
<p><dfn>定义一个定义项目<dfn></p>
<hr>
<h2>链接</h2>
<p>链接属性targe值_blank(在父类上刷新):<a href="http://www.baidu.com" target="_blank">百度一下_blank</a></p>
<p>链接属性targe值_top(重新建立窗口):<a href="http://www.baidu.com" target="_top">百度一下_top</a></p>
<p>链接属性targe值_self(重新建立窗口):<a href="http://www.baidu.com" target="_self">百度一下_self</a></p>
<p>链接属性targe值_parent(重新建立窗口):<a href="http://www.baidu.com" target="_parent">百度一下_parent</a></p>
<p style="text-align:center;"><a href="#tips" >返回最顶端</a></p>
<p><a href="http://www.runoob.com/html/html-intro.html#testClick">返回到页面有用的部分</a></p>
</body>
</html>
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:html简介(一)
下一篇:html标题与段落(三)
- DIV居中的经典方法 2020-06-13
- Html/css 列表项 区分列表首尾 2020-06-11
- css与javascript重难点,学前端,基础不好一切白费! 2020-06-11
- HTML骨架 2020-06-10
- HTML基础教程_1 2020-06-09
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash