ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • HTML | head, list, a href
    코딩/HTML 2023. 4. 28. 16:48
    html 
        웹문서를 만드는 언어, 구조
    
        css 
        디자인 
    
        head = 눈에 안보이는 설정 
        인코딩, 스타일적용, 함수설정 (로그인시 비밀번호확인)
    
        body = 눈에 보여지는 부분
    
        클라이언트(요청 request), 서버(응답 response) 
    
        태그<>
        <태그명>내용 </태그명>
    

    Head

    <!--제목-->
        <h1>Hello world</h1>
        <p>한줄 단락으로 글 작성</p>
        <p>html 문서는 기본주조로 html5 사용</p>
    
        <h2>UTF-8</h2>
        <p>유니코드 일종으로 가변길이 문자 인코딩</p>
        <p>영어 1byte 한글 3byte로 표현 </p>
    
        <h3>viewport</h3>
        <p>반응형</p>
        <p>스마트기기들에서 문서를 제대로 표현할 수 있도록 설정</p>
        <p>반응형</p>
        
        <h4>X-UA-Compatible</h4>
        <p>구버전 익스플로러 사용자들도 최신표준모드로 해석가능하게 설정 </p>
        
        <h5>title</h5>
        <p>웹브라우저 제목</P>
    

    List

    <!--리스트 
        ul 비정렬
        ol 정렬 숫자목록
    
        type = "a"  > 타입변경 
        start = "3" > 시작숫자 지정 <ol start = "3">
        reversed >역순    
    -->
    
        <ul>
            <li>아메리카노</li>
            <li>카페모카</li>
            <li>카페라떼</li>
        </ul>
    
       
        <ol type = "1">
            <li>아메리카노</li>
            <li>카페모카</li>
            <li>카페라떼</li>
        </ol>
    
    <del>때는 저녁 10시</del> 
    
    ~~때는 저녁10시,~~
    
    <u>바쁜 일</u> 
    
    바쁜 일
    
    <strong>공복</strong>  
    
    **공복**
    
    <hr/> 구분선
    

    a href

    a 태그 웹사이트로 연결할 때 사용하는 태그

    절대 URL
        구글
    
    
        상대 URL
        URL
    
        Local file
    
        Download file
    
        fragment identifier
    
         -> 페이지 내의 특정 id를 갖는 요소 링크 href = "#top"
         -> 실제로 연결은 안됨. 링크역할만 하도록 만든 것 
        Send Mail
    
        Javascript
    
    구글
      > 새창
        네이버
      >현재창 -디폴트
    
    

     

Designed by Tistory.