Html基础

1、HTML 标题、HTML 水平线

HTML 标题(Heading)是通过h1-h6标签来定义的,
h是英文header标题的缩写,标题无处不在,它的应用范围十分广泛:网站结构、写作文、PPT等。h1是主标题,h2是副标题,h3、h4、h5、h6依次递减字体的大小。
注释: 浏览器会自动地在标题的前后添加空行。
实例

<h1>这是一个标题h1>
<hr> 
<h2>这是一个标题h2>
<h3>这是一个标题h3>

2、HTML 段落、HTML 换行

HTML 段落是通过标签

来定义的,P是英文paragraph段落的缩写,经常被用来创建一个段落,就和你写作文一样。
实例

<p>这是一个段落。p>
<p>这是另外一个段落。p>
<p>这个<br>段落<br>演示了分行的效果p>

3、HTML 文本格式化


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>b-i-s-u-sub-sup常用标签使用title>
head>
<body>
    <b>粗体标签b>
    <i>斜体标签i>
    <u>下划线标签u>
    p<sup>2sup>
    p<sub>2sub>
body>
html>

4、HTML 链接

HTML 链接是通过标签 来定义的.a标签,也叫anchor(锚点)元素,既可以用来链接到外部地址实现页面跳转功能,也可以链接到当前页面的某部分实现内部导航功能。

--TARGET属性使用- -
Tag: TARGET                                          
   1._blank
     <a href="document.html" target="_blank">my documenta>
     浏览器会另开一个新窗口显示document.html文档

   2._parent
     <a href="document.html" target="_parent">my documenta>
     指向父frameset文档

   3._self
     <a href="document.html" target="_self">my documenta>
     把文档调入当前页框

   4._top
      <a href="document.html" target="_top">my documenta>
      去掉所有页框并用document.html取代frameset文档

 5.aierong
在超链接中大家都知道target=“_blank“是表示新开一个页面,但是当你连续点击此超链的时候就会打开多个页面,怎样才能让打开的页面始终只有一个呢?答案仍然是使用target,不过属性值改成了“aierong“
把 <a HREF="XXXX.html" target="_blank">超链a>
换成 <a HREF="XXXX.html" target="aierong">超链a>
实例-->
<a href="url">Link texta> 
<a href="http://www.w3cschool.cn"  target="_blank">这是一个链接a>

5、HTML 图像

HTML 图像是通过标签 来定义的。使用img元素来为你的网站添加图片,使用src属性指向一个图片的具体地址。
注意:img元素是自关闭元素,不需要结束标记,图像的名称和尺寸是以属性的形式提供的。
实例

<img src="w3cschool.png" width="104" height="142">
<img src="boat.gif" alt="Big Boat">

6、HTML 注释

可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。
注释写法如下:
实例

7、HTML 提示 - 如何查看源代码

你是否看过一些网页然后惊叹它是如何实现的的。
如果您想找到其中的奥秘,只需要单击右键,然后选择”查看源文件”(IE)或”查看页面源代码”(Firefox),其他浏览器的做法也是类似的。这么做会打开一个包含页面 HTML 代码的窗口。

你可能感兴趣的:(HTML)