JavaWeb01---HTML

1.什么是HTML?(Hyper Text Markup Language:超文本标记语言)


    超文本:功能比普通文本更加强大
    标记语言:使用一组标签对内容进行描述的一门语言(它不是编程语言)    

  • 为什么要学习HTML?

  可以利用HTML来定义网站中的文章内容、标题、连结、图片等,让浏览器知道网站整个架构的呈现

2.语法和规范?


    HTML文件都是以.html或者.htm结尾的。建议使用.html结尾。
    HTML文件分为头部分(<head></head>)和体部分(<body></body>)
    HTML标签都是由开始标签和结束标签组成。(<hr />)
 

3.HTML相关标签学习

  •     标题标签<hn />
  •     水平线标签 <hr />
  •     段落标签<p></p>
  •     字体标签<font></font>

             属性:size:指定内容的大小
                         color:指定内容的颜色
                         face:指定内容的字体

  •     加粗:<b></b>
  •     斜体:<i></i>
  •     下划线:<u></u>
  •      图片标签  <img />

                     width:指定图片的宽度,取值可以是像素值,也可以是百分比
                     height:指定图片的高度,取值可以是像素值,也可以是百分比
                     alt:当图片无法正常显示的时候给出的提示信息(该属性的显示效果与浏览器以及浏览器版本有关)

  •   列表标签
  1.         有序列表:
  <ol type="I" start="" reversed="reversed">
                <li></li>
  </ol>

      2        无序列表

      <ul type="">
                <li></li>
      </ul>
  • 超链接标签

        <a href="" target=""></a>
        href:指定跳转的位置
        target:指定跳转页面显示的位置(取值:_self 、_blank)

  •  表格标签

              

  <table border="" width="" height="" align="" bgcolor="" cellpadding="" cellspacing="">
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                    </tr>
   </table>
  •    跨行跨列操作

        跨行:rowspan
        跨列:colspa

  •   框架集标签:

        <frameset rows="" cols="">
            <frame src=""/>
            <frame name=""/>
        </frameset>

猜你喜欢

转载自blog.csdn.net/zhouboke/article/details/82827999
今日推荐