Кестелер , пішін, туралы ұғым

• 1 слайд

  HTML
  Кестелер
  Web пішін
  

• 2 слайд

  1 - Кестелер
  Кесте орналастыру үшін келесі тегтар пайдаланады:
  <table> - кесте
  <tr> - table row, кесте қатары
  <td> - table data, кесте ақпараты
  
  
  

• 3 слайд

  Кесте қатарыңын атауы
  <th> тегы кесте қатарларына атау беру үшін пайдаланады
  
  

• 4 слайд

  Тапсырма
  Келесі кесті жасау үшін html код жазыңыз
  

• 5 слайд

  Кесте атрибуттары
  border – кесте шекарасы, сызықтың жуандығын белгілейді
  align – кестені экранның қай жерінде орналастыру керек
  cellpadding – кесте клеткасының үлкендігі
  cellspasing – кесте клеткалары арасындағы қашықтық
  bgcolor – кестенің түсі
  

• 6 слайд

• 7 слайд

  Кесте атрибуттары
  colspan – столбецтын ені
  rowspan – қатардың ұзындығы
  
  
  

• 8 слайд

  Кесте атрибуттары
  

• 9 слайд

  2 - Web пішін
  <form> тегі web бетке пішін орналастыру үшін пайдаланады
  Бірақ <form> тегінің ішінде міндетті түрде ақпарат еңгізу тегтары болуы керек
  
  

• 10 слайд

  Ақпарат еңгізу тегтары
  <input type=“түрі” />
  Ақпарат еңгізу үшін пайдаланылады
  Түрлері:
  button
  checkbox
  color
  date 
  file
  password
  radio
  submit
  Text
  Толығырақ http://www.w3schools.com/tags/tag_input.asp
  
  

• 11 слайд

  Text
  

• 12 слайд

  Radio
  

• 13 слайд

  Өткен мысалда 3 радио батыманы
  таңдауға болады
  Name атрибуы радио батырмаларды
  топтауға пайдаланады. Яғни бір топтан
  тек қана бір батырманы таңдауға болады.
  

• 14 слайд

  Checkbox
  

• 15 слайд

  button
  

• 16 слайд

  Color
  

• 17 слайд

  Color
  

• 18 слайд

  date
  

• 19 слайд

  Password
  

• 20 слайд

  Textarea – үлкен мәтін еңгізі үшін
  http://www.w3schools.com/tags/tag_textarea.asp
  

• 21 слайд

  Select http://www.w3schools.com/tags/tag_select.asp
  

• 22 слайд

  Optgroup http://www.w3schools.com/tags/tag_optgroup.asp
  

• 23 слайд

  Fieldset http://www.w3schools.com/tags/tag_fieldset.asp