初学HTML

一、网页编程：
1.网页主要有三部分组成：HTML+CSS+JavaScript

2.HTML:Hyper Text Markup Language，超文本标记语言
超文本：除了可以包含文本，还可以包含图片，声音，视频等等资源
标记：HTML文档的元素是以标签对的形式出现的

3.HTML的整体结构：HTML文件的后缀名为.html

指定当前的HTML文档使用的HTML规范 ，早期的HTML会在这里包含DTD文件

HTML的语法：<标签></标签>
属性：<标签 属性1=值1 属性2=值2...></标签>,属性与属性之间以空格隔开
HTML的标签可以嵌套

:根标签，HTML文档起源的地方,lang属性告诉搜索引擎，这个页面是关于"zh"中文的页面 :头标签，包含了 ：主体，指整个HTML文档 我喜欢程序，编程使我快乐。

4.常用标签讲解
(1)块级标签(block element):独占一行，可以设置宽高

分块标签

地址标签 居中对齐块 h1~h6：标题标签

1. -
2. :有序列表，ol:ordered lists有序列表,li:list item列表项，有序列表可以包含多个li
   • -
   • ：无序列表，ul:unordered lists,li:list item列表项，有序列表可以包含多个li

     :段落标签，paragraph

     ：格式化文本，通常用于包含代码
     --：设置分组，表示分组的名称
     ----:table row，表格的行，
             
             
     :表格标签，
     :table data cell,表格的单元格，border属性：表格的边框的像素值
     cellspacing：单元格的间距 cellpadding：单元格的内边距，
     还有两个属性：colspan:横向合并多少列，rowspan：纵向合并多少行
     
                 
                 
     ：水平分割线
     

(2)行级标签(inline element)：所有元素排在一行，不能设置宽高，宽度随着内容的大小变化。
行级实现特殊功能标签
设置字体
加删除线
超链接标签(锚点标签)，放在该标签内的内容可以是文本，也可以是图片等

换行
粗体
大字体
强调
粗体强调
斜体
_{下标
^{上标
表单元素标题
表单的输入框
多行文本框}}

(3)行级块级标签(inline-block element):所有元素排在一行，但是可以设置宽高
：图片标签，属性：src–要显示的图片的位置，alt–如果图片不能正常显示，给出的提示信息,width—图片宽度，height–图片高度

(4)转义字符
  空格
< less than,小于 <
> great than,大于 >
& 与符号,"&"
" 引号,"
® 已注册
© 版权
™ 商标

(5)表单

：表单，是块级标签

    action:指明处理该表单数据的后台服务器组件的地址
    method:请求的方式，分为get方式和post方式
    get:会将表单中填写的内容附加在请求的URL地址后面传递给服务器，只能传少量的数据
    post:会将表单中的内容添加在Form-data中传递给服务器，安全性高，可以传送大量数据，理论上传送的数据无大小限制
    enctype:设置表单的类型
    application/x-www-form-urlencoded：普通表单，默认值
    multipart/form-data:包含文件上传的复合表单
 
<form action="myServlet" method="post">
    <!-- 单行文本输入框,name为它的名称-->
    <label>姓名：</label><input type="text" name="name"><br>
    <label>年龄：</label><input type="text" name="age"><br>
    <label>性别：</label><input type="text" name="sex"><br>
    <!-- type:password,密码输入框 -->
    <label>密码：</label><input type="password" name="pwd"><br>
    <!-- type:radio:单选按钮，value:表单元素的值，checked:为默认选中该按钮-->
    <label>性别：</label><input type="radio" name="sex" value="boy" checked="checked">男
                        <input type="radio" name="sex" value="girl">女<br>
    <label>爱好：</label><input type="checkbox" name="hobby" value="music">音乐
    <input type="checkbox" name="hobby" value="sports">运动
    <input type="checkbox" name="hobby" value="tour">旅游<br>
    <label>城市：</label>
    <!-- <select>下拉组合框，<option>表示每一个选择项，value表示选项的值-->
    <select name="city">
        <option value="cd">成都</option>
        <option value="cq">重庆</option>
        <option value="bj">北京</option>
    </select><br>
    <label>介绍：</label>
    <!-- textarea多行文本，cols:包含多少列，rows:包含多少行-->
    <textarea name="intro" id="" cols="30" rows="10">

    </textarea><br>
    <!-- type:hidden:隐藏域，不会显示在页面上，但其数据会提交给服务器 -->
    <input type="hidden" name="id" value="100">
    <!--
      type=submit,提交按钮，value指明该提交按钮上显示的文字，该提交按钮会将用户填写的数据提交到服务器后台，即
     action属性指明的地址
     -->
    <input type="submit" value="提交">
    <!-- type:reset:重置按钮 -->
    <input type="reset" value="重置">
</form>

(6)自结束标签(空标签)：没有</标签名>的结束标签

换行

---

水平线 设置相关属性 表单元素 图片 导入外部CSS样式文件