Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim içeriği olup, izleyicilere adım adım HTML arama kutusu oluşturma sürecini göstermektedir.
- Video, HTML arama kutusunun ne olduğunu açıklayarak başlıyor ve ardından masaüstünde yeni bir HTML dosyası oluşturma, HTML etiketlerini (h1, head, body, form, input) doğru şekilde yerleştirme ve formun çalıştırılması adımlarını gösteriyor. Eğitmen, formun action ve method değerlerini ayarlama, input etiketlerine placeholder ve value değerlerini girme gibi detayları da açıklıyor. Video, oluşturulan arama kutusunun Google Chrome'da çalıştırılmasıyla sonlanıyor.
- 00:09HTML Arama Kutusu Tanıtımı
- HTML arama kutusu, web sitesi içindeki ilgili veriyi kullanıcıya sunmak için kullanılan basit bir HTML form işlemidir.
- Video, HTML arama kutusu oluşturmak için adım adım bir öğretici sunmaktadır.
- 00:29Dosya Oluşturma ve Temel HTML Yapısı
- Masaüstüne "index.html" adında bir metin belgesi oluşturulur.
- Dosya Not Defteri ile açılarak temel HTML yapısı (html, head, body etiketleri) oluşturulur.
- Head etiketinin içine "HTML Arama Kutusu" başlığı eklenir.
- 01:19Form Etiketi Oluşturma
- Body etiketinin içine form etiketi açılır ve name属性设置为"arama_kutusu"，方法设置为"post"。
- 在表单内部添加一个输入字段，类型为"text"，名称为"arama"，并设置占位符文本。
- 再次添加一个输入字段作为提交按钮，类型为"submit"，名称和值都设置为"gonder"。
- 02:26Dosya Kaydetme ve Test Etme
- Dosya kaydedildikten sonra，双击以Google Chrome打开index.html文件。
- 浏览器中显示了搜索框，输入“deneme”并点击“发送”按钮后，表单成功提交。
- 观看者被邀请点赞并订阅频道。