내가 편하게 볼라고 만드는 html 명령어

김제형·2023년 8월 20일
<h1,2...6> : 제목 텍스트(숫자가 클수록 글자가 작아짐)
<p> : 일반 텍스트 
<b>,<strong> : 글자 강조
<br> : 줄 바꿈
<em>,<i> : 글씨가 약간 기움
<blockquoto> : 인용문 (웹에서 읽을때 판단을 위해)
<small> : 글씨를 작게 표시
<sub> : 아래첨자 
<sup> : 위첨자
<s> : 취소선
<u> : 텍스트에 밑줄
<ins> : 공동 작업중 넣으라는 표시줄
<dle> : 공동 작업중 지우라는 표시줄
<ol> : 전체적인 리스트의 큰 틀 
	   <type="1,a,A,i,I"> 
       <start="3"> 리스트 시작 번호
<li> : 세부적인 리스트의 작은 틀
<ul> : 순서 없는 리스트 
<dl> : 이름,값으로 된 리스트 <dt><dd>가 짝으로 와야함
<table> : 표
<tr> : 행 (가로)
<td> : 열 (세로) (텍스트)
	  <td rowspan="n"> : 행 합치기 (세로)
      <td colspan="n"> : 열 합치기 (가로)
      row : 행(가로), column : 열(세로)
<th> : 표의 제목들 (굵은 텍스트)
<colgroup> : <caption> 다음으로 써야하며 열의 갯수 만큼 <col>을 써야함 , style 지정을 할 수 있음
			 <col>을 사용하여 style을 지정할 수 있음		
			 span> ="n">으로 하면 n의 수만큼 묶어서 지정할 수 있음
<caption> : 표의 제목
<img src="~~~.jpg" alt="텍스트">
		 <img : 이미지 삽입
         src="~~" : 이미지의 주소/경로
         alt="텍스트" : 이미지의 제목(대체용 텍스트)
		 width, height : 이미지의 크기 조절 (단위 : %,px)
<object data="~.pdf"> :파일을 삽입 (높이,너비를 지정) 
<embed src="~.mp3"> : audio,video,object가 모두 작동하지 않을 때 사용
<audio src="~.mp3"> : 오디오를 삽입 
<video src="~.mp4"> : 비디오를 삽입 
					  loop = 반복
                      muted = 음소거
		  			  autoplay = 자동 시작 (자동시작을 할려면 muted 사용/특히 크롬)
		  			  controls = 컨트롤러 생성
                      poster="~.jpg" = 영상 시작전 썸네일
<a href="www.~.com">텍스트</a> : 하이퍼링크를 삽입
								target="_blank"> : 새탭에서 문서가 열림
<form > : 폼을 생성 
		  action="~.php"> : 서버로 보내기
          action="~.php" autocomplete="on or off"> : 자동 완성 기능 (기본값은 on)
<fieldset> : 폼 요소를 그룹으로 묶음
<legend> : fieldset으로 묶은 그룹에 제목을 붙임
<label> : 입력란 옆에 붙는 텍스트
		  input="text"> : 입력칸 생성    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
ex = <lable for="user-id">아이디</label>
	 <input type="text" id="user-id">
     label 태그와 input 태그가 떨어져 있어도 쉽게 연결 가능
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
<input> : 입력칸을 생성 하는 태그 
		  용도에 맞게 설정하면 모바일웹 기준 키보드 배열이 바뀜
		  size="n"> : 텍스트의 한계를 정함
		  text : 텍스트
          search : 검색창
          password : 비밀번호 mute되서 나옴
          url : 링크
          email : 이메일 
          tel : 전화번호
          checkbox : 체크박스 /checked(체크되어있음) 
          radio : 동그라미 체크 /name(여러개중 한개만)
          number : 숫자
          range : 숫자 슬라이드 막대 /min,max,step(간격),value
          date,month,week : 달력에서 선택
          time : 오전 오후
          datetime : 시 분
          datetime-local : 시 분 
          submit : 전송 /value="표시할 내용" 
          reset : 리셋 /value="표시할 내용"
          image : 이미지 /src="경로" , alt="대체 텍스트"
          button : 버튼 /value="내용"
          file : 파일 선택
          hidden : 보이지 않고 폼의 내용을 서버로 넘길때 /name="이름" value="서버로 넘길 값" 
          autofocus : 자동으로 커서가 올라감
          placeholder : 필드의 입력할 내용의 힌트
          readonly : 읽기 전용 필드
          required : 필수 입력 필드
<textarea id="~~" cols="n" rows="n"> : 긴 내용을 써야할 때 칸을 설정한 n의 크기로 만듦
<select> : 하위 option중 선택할수 있는 필드 생성
		   size="n"> : select의 드롭다운의 개수 지정
           multiple="n"> : 드롭다운 중 둘 이상의 항목을 선택할 때
<option value="서버로 보내질 값"> 내용</option> : 상위 select의 선택칸을 생성
           value=""> : 서버로 보내질 값을 지정
           selected> : 드롭다운 선택시 기본으로 보여질 내용
<button > : 버튼을 생성           
		    submit> : 폼의 내용을 서버로 보냄
            reset> : 폼을 초기화 시킴
            button> : 아무 기능이 없는 버튼을 생성
profile
개발자 지망생

0개의 댓글