HTML基本知识

小知识：

1. C/S 和 B/S 架构
    C/S：客户端和服务器架构

    float num = Math.random();

    if (num < 0.001) {
        System.exit(1);
    } //0.5概率，闪退

    float num = Math.random();
    if (num < 0.005) {
        sleep(100);
    } //1% 概率，程序会卡顿0.1S

    例如: 服务器版本更新，客户端必须更新，才可以使用新的功能

    B/S是浏览器和服务器架构
    不管是手机，iOS Android PC window macOS Linux
    只需要输入网址，就可以访问
    如果服务器版本更新，点击刷新，就可以获取到最新的内容

相比较而言：
    B/S架构开发，维护的成本要远远低于C/S架构，B/S架构是现在最流行的一种开发方式

2. 开发工具：
    编辑器：Notepad++ HBuilder
    测试工具：谷歌浏览器或者火狐浏览器
            Safari 欧朋 世界之窗 IE Edge

HTML基本知识

1. 标签/属性/元素
    标签:   
        就是以<>包含的特定字符串，通常用开始标签和结束标签
            双边标签：<标签名>内容
            单边标签：<标签名 />
    属性：
        <标签名 属性1="值1" 属性2='值2' 属性3=值3>内容
            属性都是【键值对】形式
            iPhone8=5888
            建议:
                标签的属性值要使用双引号包含
    元素:
        一个完整的标签称之为元素
2. 全局架构标签：
    
    
        
            
        
        
            
        
    
    注意事项：
        1>. 所有的内容，必须全部写在HTML标签内
        2>. head标签里面的内容不会展示在页面当中
        3>. 所有需要展示的内容，都要放到body里面
3. 几乎所有的标签都有的一些属性(结合JS/CSS使用)
    class  name  id  style

4. 字符实体
      空格   < <  > >
    字符实体是为了解决一些本身具有特殊含义的字符展示，例如" '  ? 
    www.w3school.com.cn
5. 常用的标签(文本修饰)
    
H1标签内容
    
H2标签内容
    
H3标签内容
    
H4标签内容
    
H5标签内容
    
H6标签内容
    加粗
    加粗 
    斜体
    斜体
    斜体 
    加粗斜体
    下划线
    删除线
    删除线

    
    X2 y2

6. 格式控制
    段落：

    换行：
 

    水平线：

    无序列表：
        ul可以加上type属性，属性值:circle square none desc
        

            

            

            

        
    有序列表：
        ol可以添加type属性，属性值可以是A/a/I/1 还可以有start 从哪一个开始
        

            

            

            

        
    自定义列表：
        

            

            

            

            

        
7.超链接标签：
    href:目标地址/mailto/tel
    target:打开页面的方式，_blank 新建空白页，重新打开
    title：鼠标悬停之后的提示
    name:可以作为锚点，跳转

    其他标签作为锚点：可以用id属性

8. 图片
    src: 文件路径
        发现可以是一个网络上的地址
    width:宽度
    height:高度

9. 网络中的地址称之为：
    URL
    统一资源定位符：
    https://www.baidu.com/s?
    wd=%E9%83%AD%E8%BE%BE%E6%96%AF%E5%9D%A6%E6%A3%AE
    rsv_spt=1&

    格式：协议://地址:端口/文件?键1=值1&键2=值2
    例如: https://www.baidu.com:80/index.html?page=2&user=lxl

10. 多媒体标签：
    audio
    video
    属性： src controls autoplay loop
    video多两个属性：
        width height