前端与HTML

这是我参加青训营的第一天
 一、什么是前端

用于解决人图形界面下的人机交互问题 使用Web技术栈解决多端用户图形交互

二、前端技术栈
    HTML(结构和内容)、CSS(样式)、JavaScript(行为),通过网络协议,与服务器端产生联系
三、前端需要注意哪些
    

四、开发环境
 

五、什么是HTML
六、HTML的基本骨架

  
    
    
  
  
    标题1 
  

七、一些新手值得记得的知识点
    1、自定义列表有序

 


    
    


   

       
导演
       
张三
       
李四
       
王五
   

 有序列表和无序列表属性

有序：

无序;

 

 

2、各种链接（包括视频和声音，图片）

 其中还可以加width,height,alt,title去补充。

3、输入（表单）

代码格式示例

    
    


    

        账号：

        密码：
    

 另外单选框和复选框示例

单选框必须设置name属性，一个name相当与一个组，一个组里的只能一个被选中，checked顾名思义就是默认被选中。

        性别:
        男
        女
    

 复选框

 

        你喜欢的水果：

        苹果
       香蕉
        西瓜
    

 文件上传

 

下拉列表：

            HTML
            CSS
            jQuery
            JavaScript
            Vue.js
            HTML5
            CSS3
        

 设置multiple才会会先多行显示，不设置一次只显示一行，也可以通过size直接设置一次显示几行。

同样在标签里如果设置了selected就是默认被选。

另外锚点链接和按钮有点多，放绿叶网的链接让大家自己去看

锚点链接：锚点链接 - HTML | 绿叶学习网 (lvyestudy.com)

按钮链接:  按钮 - HTML | 绿叶学习网 (lvyestudy.com)

4、块内元素和行内元素：

• （1）块元素独占一行，排斥其他元素（包括块元素和行内元素）与其位于同一行。
• （2）块元素内部可以容纳其他块元素和行内元素。
•   (3)   按规范来写p元素中不能放块内元素，但你写了一些浏览器会自动帮你矫正，包括你把一些元素卸载标签外，他都能把你改正。
• （1）行内元素可以与其他行内元素位于同一行。
• （2）行内元素内部可以容纳其他行内元素，但不可以容纳块元素。

 另外块内元素也可以通过css设置成与行内元素一样的特性。

5、html语义化

以表格为例

    
表格标题
    
    

        

            
表头单元格1
            
表头单元格2
        
    
    
    

        

            
表行单元格1
            
表行单元格2
        
        

            
表行单元格3
            
表行单元格4
        
    
    
    

        

            
标准单元格5
            
标准单元格6
        
    

这里引进了thead和tbody,tfoot等标签，不加其实效果一样，但这是为了其他开发者好理解，利于团队协作。 

多人协作开发值得注意的 

提到表格就有两个属性不得不说，那就是rowspan和colspan，顾名思义就是表格中一格数据占几行或者几列。

 6、嵌入页面（iframe)

、

7、一些符号：

一些常用的标签：

实例：

    
        
        
    
    
        
(a+b)2=a2+b2+2ab
        
H2So4+2NaOH=Na2So4+2H2o
    

 

9标签

1设置字符集例:charset="utf-8"

2name属性(提供给搜索引擎的，跟流量有关系)

有常见的keywords,搭配content属性还有author,description,copyright。