HTML基础语法

一.HTML基础语法

1. 概念：是最基础的网页开发语言

    含义: 
        Hyper Text Markup Language 超文本标记语言

    超文本:
        超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本.

    标记语言:
        由标签构成的语言。<标签名称> 如 html，xml
        标记语言不是编程语言

2. 快速入门

    语法：
    1. html文档后缀名 .html 或者 .htm
    2. 标签分为
        1. 围堵标签：有开始标签和结束标签。如  
        2. 自闭和标签：开始标签和结束标签在一起。如 


    3. 标签可以嵌套：
        需要正确嵌套，不能你中有我，我中有你
        错误：
        正确：

    4. 在开始标签中可以定义属性。属性是由键值对构成，值需要用引号(单双都可)引起来
    5. html的标签不区分大小写，但是建议使用小写。

二.HTML的常用标签

1、HTML的注释写法

2、标题标签(数字越小,字越大)

    
  一级标题
    
  二级标题
    
  三级标题
    
  四级标题
    
  五级标题
    
  六级标题

3、字体标签 font

    A.标准格式
     字体的设置 


    B.常见属性
    a.字体大小的设置 size="1"  范围1-7 数字越大,字体越大
    b.字体颜色的设置 color="red" 红色  #00FF00 绿色
    c.字体标签的设置 face="楷体" 一定要是自己系统当中有这个字体


    C.加粗,斜体,下划线
    字体会加粗
    字体会倾斜
    字体下划线

4、格式化标签

    A.换行
    
 也可以 
 只有一半(无需包裹.只写一半)


    B.段落
    
 长段文字 
 


    C.水平线
    

    a.宽度 width 直接写数字表示像素,加上百分号表示比例.推荐百分号
    b.高度 size 直接写数字表示像素,加上百分号表示比例.推荐百分号
    c.颜色 color 
    d.对齐方式  align="right"   left在左边 center在中间 right在右边
    



    D.居中标签的效果
     标签名称 ... 

5、特殊指令

    A.空格效果  
    B.请参考 CHM格式笔记. -> E扩展补充 -> b阶段html -> 04特殊字符编码表对照

6、图片标签 img

    A.基本格式
       


    B.设置图片的大小对齐位置
    a.大小设置 width 宽度, height 高度
    b.设置对齐方式 align

    


    C.相对路径的问题
    a.图片和网页在同一个目录 
    b.图片在其他目录,网页      网页在src图片在img ../返回上一层
    c.图片在其他目录,网页         图片在网页的子目录

7、列表标签

    A.有序列表 ol
    

        
 Java 
        
 UI 
        
 Python 
        
 PHP 
        
 前端 
    


    B.无序列表 ul
    

        
 Java 
        
 UI 
        
 Python 
        
 PHP 
        
 前端 
    

8、超链接标签 a

    A.基础语法
     点击访问百度网址 


    B.属性
    href 可以是内网地址,可以是外网地址,可以是图片,可以是文本
    target 不写默认是在自己的页面打开,设置 _blank 在新的页面打开

9、后期学习的标签

    A.两个标签
     有多大空间占据多大空间  
    
 独占一行 


    B.语义化标签(了解)
    
 
 HTML5后的头标签.只是阅读性高一点,没有实质的作用
    
 
 HTML5后的脚标签.只是阅读性高一点,没有实质的作用

10、表格标签

    A.基础代码
    

        

            
 表头第一列 
            
 表头第二列 
            
 表头第三列 
        
        

            
 第一行第一列 
            
 第一行第二列 
            
 第一行第三列 
        
        

            
 第二行第一列 
            
 第二行第二列 
            
 第二行第三列 
        
    


    B.合并单元格
    a.两个属性
        colspan：合并列
        rowspan：合并行

    b.操作步骤
        I.确定是合并行 还是 合并列
        II.确定第一次出现的单元格是哪一个
        III.删除其他不要的行或者列