初识HTML,Hello world!

写在前面(大神绕路)

HTML是用来描述网页内容的一种语言,没有这种语言浏览器就会懵逼,因为正是它在指导浏览器该显示什么以及如何显示。HTML很简单,也必须简单,因为它是Web的基石,基石不复杂,但是极其重要。往后大家在Web开发的道路上多走些日子就明白了,HTML我们几乎每天都会写一点。

网页的结构

1.HTML标签是什么?

如果把网页比作洋葱,一层包一层,那标签就是最外层, 元素是一张网页的根元素,其他所有元素都是他的后代。

<html>Hello worldhtml>

2.body标签是什么?

把一张网页比作一个人标签就表示一个人所有的可见部分,比如五官,身材…
对于真实存在的但是肉眼不可见的内在部分,如人的思想、性格等标签是不管的。
包含着页面中所有的可见元素,比如链接、段落、图片…

<html>
    <body>
        脸
        胸
        腰
        臀
        腿
    body>
html>
body包含的常用标签
  • ——

    都是标题标签,用于概括页面中不同主题的内容,没有初识HTML,Hello world!_第1张图片


  • 是段落标签(paragraph的缩写),用于给文字划分段落。


  • 是用于在网页中划分区域的,通常作为容器而存在,用于包含网页中的内容, 是最常用的网页元素之一。平时别人问道怎么铺网页啊?都是回答

<html>
    <body>
        <div>
        	<div>
                <div>
                        我是div狂魔。
                div>
            div>
        div>
    body>
html>
<html>
    <body>
        <a href="http://baidu.com">跳转到百度a>
    body>
html>

  • 用于定义网页中的图片。平常在网页中见到的图片大部分都是用这个标签。
<html>
    <body>
        <img src="http://5b0988e595225.cdn.sohucs.com/images/20180317/922c273391724e799b4e4079edaa4fa0.gif">
    body>
html>

初识HTML,Hello world!_第2张图片


  • 用于定义表格,单独出现并没有什么用,它需要和他专有的子标签在一起才有意义。
    (table row):定义行,出现一组就是一行,出现多组就是多行。
    中。
    中。
    (table head):定义表头
    (table body):定义表身
    <table border="1">
       		<thead> 
       		    <tr>
       		    	<th>姓名th>
       		    	<th>年龄th>
       		    	<th>性别th>
       		    tr>
       		thead> 
       		<tbody> 
       		    <tr>
       			    <td>同学Atd>
       			    <td>18td>
       			    <td>td>
       		    tr>
       		    <tr>
       			    <td>同学Btd>
       			    <td>19td>
       			    <td>td>
       		    tr>
       		tbody> 
       	table>
    
    <form>
        <button type="reset">重置button>
        <button type="submit">提交button>
    form>
    
    疑问:

    提交时用 还是

    (table data):定义单元格,一般包含在
    (table head cell):定义表头单元格,一般包含在