Hỏi thăm xí về HTML/CSS

Thảo luận trong 'Thư giãn' bắt đầu bởi Kentiny, 26/7/22.

  1. MegaAngel

    MegaAngel C O N T R A Lão Làng GVN

    Tham gia ngày:
    2/10/05
    Bài viết:
    1,786
    Đấm vào mõm mấy thằng này ngay nhé. Code web mấy trang kiểu thông tin, báo không biết gì về html thì đừng hỏi sao SEO ranking thấp
     
  2. vondutch2550

    vondutch2550 Sonic the Hedgehog ➹ Marksman ➹ Lão Làng GVN

    Tham gia ngày:
    30/3/08
    Bài viết:
    4,729
    Ông phải tự code kìa, html css, cả mấy cái javascript thuần căn bản cũng chả cần server gì cả. Cứ tạo cái file text đuôi html rồi tự code toàn bộ, nhìn theo code y hệt lại, không được copy. Làm hết 1 tua, đừng lo cái vụ quên, chủ yếu ông phải tua hết toàn bộ kiến thức cơ bản để khi cần 1 thứ nào đấy thì ông tự search ra được, chứ cái căn dòng như trên là quá căn bản mà ông phải lên forum hỏi thì tháng năm nào xong cái web.

    Làm cái web cơ bản ông phải biết frontend = html, css, javascript . Backend = php hoặc asp hoặc node js. Còn tự setup luôn cả server như devops phải biết luôn cả mấy cái apache, nginx các kiểu trên linux.

    Mới có cái đầu html mà ông nản nản rồi thì suy nghĩ lại nhá. Không thì phí tgian của ông đấy. Còn code chơi chơi biết thêm kiến thức thì cứ thoải mái mò thôi. Nhưng cày w3school không bao giờ sai nhá
     
    dajk9x and doctor who like this.
  3. Zeitgeist 1.0

    Zeitgeist 1.0 You Must Construct Additional Pylons Lão Làng GVN

    Tham gia ngày:
    13/1/09
    Bài viết:
    8,730
    Nơi ở:
    Onscreen
    Ta thấy 2 thằng w3school với tutorialpoint là ngắn gọn dễ hiểu nhất rồi, cày 2 thằng này bao giờ cũng là ổn nhất
     
  4. zerkuhot

    zerkuhot Mario & Luigi

    Tham gia ngày:
    14/11/10
    Bài viết:
    807
    Nơi ở:
    Vũng Sình
    w3school có vài ví dụ html css để làm landing page, bác vào set 2 tiếng làm thử như kiểm tra ấy, xong mở file gốc lên đối chiếu
     
  5. gamevnlc1591

    gamevnlc1591 Mario & Luigi Lão Làng GVN

    Tham gia ngày:
    1/6/08
    Bài viết:
    811
    giờ ai dùng w3 nữa chuyển sang dùng mozilla cho chi tiết hơn nhiều
     
  6. Con mèo gào thét

    Con mèo gào thét Legend of Zelda

    Tham gia ngày:
    26/2/20
    Bài viết:
    1,055
    Đi làm UI UX thuần còn đòi hỏi phải hiểu về HTML/CSS, căn theo grid system hoặc nâng cao hơn là các framework mà dev cùng team đang làm để tránh layout bị quá phức tạp hay bất khả thi mà thằng thầy ông nội nào bảo skip? =))
     
  7. vondutch2550

    vondutch2550 Sonic the Hedgehog ➹ Marksman ➹ Lão Làng GVN

    Tham gia ngày:
    30/3/08
    Bài viết:
    4,729
    Mới vào tự học mà bảo cày thằng mozilla ông thớt không bỏ tôi đi đầu xuống đất. Tôi cày bao lâu rồi mà nhìn vào thằng mozilla nhiều khi còn thấy rối
     
    quanghuy_1993 thích bài này.
  8. Kentiny

    Kentiny Mayor of SimCity Lão Làng GVN

    Tham gia ngày:
    14/9/10
    Bài viết:
    4,272
    Nơi ở:
    Pussies Destroyer
    Để xem bơi được tới đâu. Mà làm sao để chèn thêm nhiều hiệu ứng vào dòng chữ ấy?

    <h1 style="font-size:150%">The Great Gatsby</h1>

    Ví dụ như này mình add them <h1 style="text-align:center;">The Great Gatsby</h1> để nó bay ra giữa mà không biết chèn vô chỗ nào. Kiểu như blend các dòng code hiệu ứng ( size, colors etc ) vào cùng 1 dòng chữ ấy.
     
    Chỉnh sửa cuối: 27/7/22
  9. vondutch2550

    vondutch2550 Sonic the Hedgehog ➹ Marksman ➹ Lão Làng GVN

    Tham gia ngày:
    30/3/08
    Bài viết:
    4,729
    Không rõ chính xác ông muốn thế nào nhưng có nhiều cách. Tôi ví dụ sơ thì cần javascript add class để xài animation của thằng css:
    Mã:
    <style>
      .ani {
        transition: all 0.2s;
      }
      .active {
        transform: translate(100px, 200px);
      }
    </style>
    
    <h1 class="ani">The Great Gastby</h1>
    
    <script>
    setTimeout( ()=>{
      document.querySelector(".ani").classList.add("active");
    }, 2000);
    </script>
    
    Code trên là không cần biết thằng h1 đang ở đâu, sau 2000 mili giây thì nó sẽ thêm class "active" vào thằng h1 để kích hoạt cái css transform translate đẩy thằng h1 đó qua phải 100px, xuống dưới 200px trong vòng 200 mili giây (là dòng all 0.2s ấy)

    P/s: tôi gõ chứ chưa test, nhưng đại khái là code nó thế ấy, hiệu ứng di chuyển, to nhỏ, xoay trái phải gì gì ấy thì nên xài class cho nó gọn chứ đừng code thẳng vào
     
  10. haiduong87

    haiduong87 Knee before Eden Lord Lão Làng GVN

    Tham gia ngày:
    20/5/04
    Bài viết:
    24,555
    Nơi ở:
    TP HCM
    nghi topic này làm hỏng forum :))
     
  11. rekka318

    rekka318 Space Marine Doomguy Lão Làng GVN

    Tham gia ngày:
    21/9/08
    Bài viết:
    5,819
    Nơi ở:
    Hải Phòng
    Ngày xừa mình cũng ham html/css lắm
    Sau đâu đầu vào backend nhiều, ngại, lười với ít mắt thẩm mỹ, nên bỏ.
    Giờ có chăng toàn copy các cái layout có sẵn, sử dụng luôn thôi
     
  12. Kentiny

    Kentiny Mayor of SimCity Lão Làng GVN

    Tham gia ngày:
    14/9/10
    Bài viết:
    4,272
    Nơi ở:
    Pussies Destroyer
    Mình lúc đầu có nhận làm giùm vài UX/UI do người quen giới thiệu( kiểu chỉ đâu vẽ đó, không rớ vô Framework). Giờ hết job mà khó xin việc như tụi trẻ quá ( mình 30 ) nên cố cày code HTML,CSS/ JS.

    Công việc hiện tại làng nhàng lương có 7tr ở Vũng Tàu sống ko nổi.
     
  13. MegaAngel

    MegaAngel C O N T R A Lão Làng GVN

    Tham gia ngày:
    2/10/05
    Bài viết:
    1,786
    Thêm style thì cứ thêm sau dấu ; thôi
    <h1 style="font-size: 150%; text-align: center">The Great Gatsby</h1>
    Mà nếu nhiều style thì nên nhét vào class css rồi set class cho tag
     
  14. Kentiny

    Kentiny Mayor of SimCity Lão Làng GVN

    Tham gia ngày:
    14/9/10
    Bài viết:
    4,272
    Nơi ở:
    Pussies Destroyer
    Mã:
    <!DOCTYPE html>
    <html lang="en">
        <head>
            <title></title>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1">
            <link href="ken.css" rel="stylesheet">
        <style>
            h1{text-align: center;font-size:Big;color: red;}
            p{text-align: center;}
            h2{color: grey;}
        </style>
       
        </head>
       
        <body>
            <h1>The Great Gatsby</h1>
            <p>BY F.SCOTT FITYGERALD</p>
           
            <h2><B><U>Chapter I</U></B></h2>
            <h3>
                In my younger and more vulnerable years my father gave
                me some advice that I’ve been turning over in my mind
                ever since.
                ‘Whenever you feel like criticizing any one,’ he told me,
                ‘just remember that all the people in this world haven’t had
                the advantages that you’ve had.’</h3>
        </body>
    </html>
    
    Mâý thầy cho nhận xét.
     
  15. Lucian Evans

    Lucian Evans T.E.T.Я.I.S

    Tham gia ngày:
    3/2/22
    Bài viết:
    527
    Hồi 2019 bỏ ra tầm 40h, 2 tuần hì hục làm cái blog cho bản thân, kèm học js html các thứ.

    Hơn nửa năm sau định sửa vài cái, mà phát hiện ra quên sạch :))) sau chuyển xừ qua notion cho tiện :)))
     
  16. kries

    kries T.E.T.Я.I.S Lão Làng GVN

    Tham gia ngày:
    23/4/06
    Bài viết:
    619
    Lâu lắm ko đụng vào HTML/CSS , nhưng thời buổi này làm web thì phải theo framework. Có framework với grid tốt thì nó responsive, bác kéo giãn khung browser thì giao diện web nó sẽ co giãn theo. Tìm cái framework nào nổi với tốt bây h rồi làm theo.

    Muốn host web nghịch thì tạo 1 cái account Github, Github cũng host được web đơn giản. Thời buổi này muốn làm web đơn giản mà đẹp là tôi thì làm mẹ 1 cái Squarespace hoặc Wix, kéo thả cho nhanh :)). Chứ ko học chuyên sâu với chịu khó thì ko đọ được bọn code web bây h đâu
     
    Chỉnh sửa cuối: 28/7/22
    doctor who and QHu91_IT like this.
  17. huydaybn3000

    huydaybn3000 Mega Man ⚜ Duel Master ⚜ Lão Làng GVN

    Tham gia ngày:
    26/3/07
    Bài viết:
    3,200
    Nơi ở:
    Hà Nội
    Lộ trình học web thì là học cơ bản html css js trc, nắm đc cơ bản về 1 web tĩnh mới bắt đầu học sang các lib hỗ trợ như bootstrap cho css và jquery cho js, học tầm 1 tháng mỗi ngày 2h là đc. Sau đó học framework để định hình như angular và react, sau đó mới tới backend.
    Bác học ở fpt hoặc các trung tâm đào tạo tầm 6 tháng là làm fresher lương 9 củ r, sau 1 năm có thể nhảy việc deal 12-15 củ, chúc bác may mắn.
     
  18. diephvvnd

    diephvvnd Fire in the hole! Lão Làng GVN

    Tham gia ngày:
    3/5/09
    Bài viết:
    2,762
    Nơi ở:
    Sakura No Ayakashi
    HTML với CSS đừng học kiểu thuộc mà bỏ công ra làm 1 cái trang giống như sổ tay đó, học và bỏ hết các hiệu ứng thuộc tính vào đó nào làm việc cứ giở là dò là xong, nhớ thế quái nào đc hết.
     
    Netorare01 thích bài này.
  19. _TNT

    _TNT Mega Man Lão Làng GVN

    Tham gia ngày:
    31/12/09
    Bài viết:
    3,160
    Cái mà chủ thớt nói nó gọi là tab, Horizontal tab

    lên search horizontal tab html codepen xem có code mẫu sẵn ko thì lấy về xài.
     
  20. haiduong87

    haiduong87 Knee before Eden Lord Lão Làng GVN

    Tham gia ngày:
    20/5/04
    Bài viết:
    24,555
    Nơi ở:
    TP HCM

Chia sẻ trang này