실습

hey hey·2021년 12월 7일
0

html & CSS

목록 보기
6/10
post-thumbnail
<!DOCTYPE html>
<html lang ="ko">
<head>
	<title>
</head>
<body>
<p></p>
</body>

</html>

<a href="https://google.com>구글로 이동

문서 제목 , 문자코드와 같이 해당 문서 정보를 담고 있음

실제 내용에 해당

<h1~6>   큰글자

<b> <strong> 글자를 굵게
 
<li> 리스트 만드는 태그

<p>    보통문

<br>  한줄 띄우기

<hr>   선 긋기

<meta> 웹 페이지의 보이지 않는 정보를 제공하는데 쓰이는 태그입니다. 닫는 태그X

<img src="my_profile.png" width="500" height="300">

<hidden>

<lang>

<style>

<div> 컨테이너

<table> 표를 만드는 태그

<span> 컨테이너, 인라인 태그(div와 비교)=> 줄바꿈 X

<tr>,<td>,<th> - 테이블 만들기

  • <label> : 서식 입력 요소의 캡션 (빈칸)

    이름을 기재해 주세요.
    <div>
    	<label for="name">이름을 기재해 주세요.</label><br>
    	<input type = "text" id = "name" name="name" autofocus>
    	<input type="text" **placeholder="아이디를 입력해주세요"** id ="name" autofocus>
    </div>

지역을 선택해주세요 선택 서울 대전 구미 부산
      <label for ="region">지역을 선택해주세요</label>  
      <select name="region" id ="region" require> 
        <option value="">선택</option>
        <option value="서울">서울</option>
        <option value="서울">대전</option>
        <option value="서울">구미</option>
        <option value="서울">부산</option>
      </select>
  </div>

오늘의 체온을 선택해주세요

37도 미만 37도 이상
<div>
  <p>오늘의 체온을 선택해주세요</p>
  <input type="radio" name="body-heat" id="normal" value="normal" checked>
  <label for ="normal">37도 미만</label>
  <input type="radio" name="body-heat" id="warning" value="waring">
  <label for ="warning">37도 이상</label>
</div>
profile
FE - devp

0개의 댓글