前端学习笔记--简易的淘宝商品页Demo

笔记

1,html负责提供前端标签表格等物件(相当于给原材料)
2,css负责对这些原材料进行美化
3,js负责让各种物件有了交互,实现各种功能逻辑的东西。
-----------------------------------------------------
1,  这东西属于H5的标准,否则之前的版本有一大串的声明
2,meta,title等这些均在head里面声明,负责总体的charset字符集,页面标题title等
3,对于一类标签的样式style可以在head中声明,然后后面直接调用其名字即可,以后我们直接改变其typedef就可以完成所有位置的修改。

代码:


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品信息展示title>
head>
<body leftmargin="35%">
<h3>当天发货12期免息【选音响手环电源】Huawei/华为P9 plus手机全网通h3>
当天18点前付款当天发货选音响手环免息font><br>
价格:font>
<strike>4388.00strike>font><br>
促销价:font>
<b>¥4199.00b>font><br>
运费:font>
山东济南至长春»南关区»快递:0.00font>

   月销量:font> <b>65536b>font>    |font>    累计评价:font> <b>32768b>font>    |font>    送51购积分三倍<font color="#009900"><b>2048b>font>font> <hr width="470" align="left"> body> html>

效果前端学习笔记--简易的淘宝商品页Demo_第1张图片
类声明的方法设置字体样式


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>FirstWebtitle>
    <style type="text/css">
        .myfront { 
            font-size: 18px;
            color: blue;
        }
    style>
head>
<body>
    

你好,世界!p> body> html>

你可能感兴趣的:(前端学习)