每天学2H web，2个月后做pc前端，手机app，处于.NET 尊重，我用core的web去测试了，不想用第三方文本编辑器，你以后vs code，hbuilder，webstorm，editplus，sublime啥的

记事本也可以写,我使用Core2.1，当然这时候3.0也出来了，需要vs2019

第一天AYH5STUDY_0307

建立空项目即可，不用docker，我自己玩，不https了。

肯定先静态了，

右键

默认结构

默认输出helloworld的

增加一个Index.html

    
    


    
测试Index

当然放到外面是没有用的。要拖到wwwroot里面，你也可以直接右键wwwroot文件夹新建文件

运行，此时默认是Index.html页面的

增加一个Javascript文件 1.js

var divxPos = 0;
window.Onload= function () {
    runCode();
};
function runCode() {
    var test = document.getElementById("gogo");
    test.style.left = divxPos++ + 'px';
    setTimeout(() => runCode(), 50);
};

    
    
    


    
测试Index

运行后，文字慢慢向右移动，因为left的属性越来越大

如果想使用其他页面

Startup下的Configure可以修改为

 public void Configure(IApplicationBuilder app, IHostingEnvironment env)
        {
            if (env.IsDevelopment())
            {
                app.UseDeveloperExceptionPage();
            }
            DefaultFilesOptions optiOns= new DefaultFilesOptions();
            options.DefaultFileNames.Clear();
            options.DefaultFileNames.Add("Index01.html");
            app.UseDefaultFiles(options);
            app.UseStaticFiles();
        }

当然我们是学H5，这些不是重点，

H5+CSS3+Bootstrap4+vue+其他框架，可以做pc的web，可以做手机的app，可以做微信公众号等。

====================www.ayjs.net       杨洋    wpfui.com        ayui      ay  aarOnyang=======请不要转载谢谢了。=========

介绍

支持

或者

在vs2017中，输入html然后tab2下，就可以输出默认的html结构

输入html5然后tab2下，就是html5结构

不要在和和中插入任何内容

写法不区分大小写。

验证规范： http://validator.w3.org

空元素，例如img只能写法,不能

area/base/br/col/command/embed/hr/img/input/keygen/link/mata/param/source/wbr

可以省略结束标签的

colgroup/dt/dd/li/optgroup/option/p/rt/rp/thhead/tbody/tfoot/tr/td/th

可以省略全部的, html head body colgroup tbody

例如

    
    
    
测试Index01

支持boolean的值属性

    
    


    
    
    
    
        一百
        二百
    

没用到后台代码的，不用F5重启解决方案，直接刷新浏览器就行了。

你可以完全标准的去写 selected="true"

你也可以空值，空代表true

如果属性名都不写，就代表false

还有些可以省略属性值的

checked , readonly, disabled,selected,defer,ismap,nohref,noshade,nowrap,multiple,noresize

有些值，还可以省略引号

比如

还是建议使用双引号扩起来的，因为万一图片路径的某个文件夹名字有空格。

====================www.ayjs.net       杨洋    wpfui.com        ayui      ay  aarOnyang=======请不要转载谢谢了。=========

推荐您阅读更多有关于“web前端，”的文章