初识Html

初识Html

HTML : 超文本标记语言,网页内容的载体,包含文字,图片和视频等。
与XML的区别:XML为可扩展标记语言,一般作为配置文件。
与普通文本的区别:普通文本如记事本不能操作字体颜色,背景等.

HTML练习


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的第一个网页title>
head>
    <body>
          <p>Hello html!p>
    body>
html>

初识Html_第1张图片

Html标签
文本标签
  • 标题标签 h1 – h6 :从大到小

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>标题标签title>
head>
 <body>
       <h1>标题标签h1>
       <h2>标题标签h2>
       <h3>标题标签h3>
       <h4>标题标签h4>
       <h5>标题标签h5>
       <h6>标题标签h6>
      <!-h7 没有任何效果,与普通文本一样--->
       <h7>标题标签h7>   
   
  body>
html>
  • 段落标签 : p 标签,自动换行

  • 引用标签: q标签,被引用的文本会带上双引号.

  • 水平线标签: hr 标签,空标签

  • 滚动标签:marqueue

  • 粗体标签 b 标签 strong标签 其中strong强调语义的加粗

  • 斜体标签: i标签

  • 换行标签: br 标签

  • 原样输出标签 pre标签

  • 上下标标签

  • 空格标签: 

  • 注册商标:

  • 版权所有:


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>段落标签title>
head>
<body>
       
       <marquee behavior="alternate" direction="right">hell Htmlmarquee>
        <i>斜体i> <br/>
        <pre>
            1
            2
            3
            4
            5
            6
        pre>
        x <sup>3sup><br/>
        co <sub>2sub>
    
body>
html>

初识Html_第2张图片

列表标签
  • 无序列表 ul
  • 有序列表 ol.
无序列表:
 <ul type="disc">
     <li>列表1li>
     <li>列表2li>
     <li>列表3li>
 ul>
 <hr/>
 有序列表
 <ol type="1">
     <li>列表1li>
     <li>列表2li>
     <li>列表3li>
 ol>

初识Html_第3张图片

超链接标签
<body>

   <a name="tips">a>
   <a href="www.baidu.com" target="_blank">跳转到百度a>

   <a href="#tips">跳转顶部a>
body>
表格标签

你可能感兴趣的:(web学习)