티스토리 뷰

JAVA

웹사이트 제작(HTML)

코린이도이 2023. 10. 3. 21:38
  • 웹사이트 제작 시 고려해야 할 사항
    1. 웹 표준: 웹 사이트를 작성할 때 따라야 하는 공식 표준이나 기술 규격
    2. 웹 접근성: 장애의 여부와 상관 없이 모두가 웹사이트를 이용할 수 있게 하는 방식
    3. 크로스 브라우징: 모든 브라우저 또는 기기에서 사이트가 제대로 작동하도록 하는 기법
  • HTML 태그 구성 요소
    1. 속성: HTML 태그가 갖고 있는 추가 정보
    2. 속성값: 어떤 역할을 수행할지 구체적인 명령을 진행하는 것
      • ex) <열린태그 속성 = "속성값"> 컨텐츠 </닫힌태그>
  • HTML 문서의 기본 구조
    1. <!DOCTYPE html>: HTML5라는 신조어로 문서를 선언하는 태그
    2. <html>…</html>: HTML 문서의 시작과 끝을 의미, 모든 HTML 태그들은 <html> 태그 안쪽에 입력
    3. <head>…</head>: 웹사이트의 간단한 요약 정보를 담는 영역, 웹사이트에서 노출되지 않는 정보
    4. <body>…</body>: 웹사이트에서 눈에 보이는 정보를 담는 영역, 이미지나 텍스트처럼 출력되는 정보
    5. <meta charset="UTF-8">: character setting의 약자를 나타내는 문자 코드, 모든 문자를 웹 브라우저에서 깨짐없이 표시하겠다는 의미
    6. <title>…</title>: 웹사이트 탭에 나타나는 제목을 적는 태그
  • <img> 태그
    • <img>태그: 정보성을 갖고 있는 이미지를 삽입. 닫힌 태그 없음.
    • src 속성: 삽입할 이미지 파일 경로
    • alt 속성: 웹사이트가 이미지를 출력하지 못했을 경우, 텍스트 정보로 대체.
  • <h> 태그
    • Heading의 약자로 제목이나 부제목을 표현
    • 숫자 값이 클수록 폰트 사이즈가 작음. 즉, 숫자는 정보의 중요도를 나타냄.
    • <h1>태그는 가장 중요한 정보를 담으므로, 하나의 html 문서에서 한 번만 사용됨
  • <p> 태그
    • Paragraph의 약자로 본문 내용을 표현
    • 웹사이트의 중요 정보를 담는 태그
    • 나타내고자 하는 내용을 열린 태그와 닫힌 태그 사이에 입력
  • <ul> 태그
    • Unordered list의 약자로, 순서가 없는 리스트 생성.
    • 메뉴 버튼을 만들 때 사용되는 태그

 

 

저작자표시 (새창열림)

'JAVA' 카테고리의 다른 글

CSS  (0) 2023.10.04
웹사이트 여러가지 태그  (0) 2023.10.04
도서관 사서  (0) 2023.09.24
붕어빵  (0) 2023.09.24
항공기 운행  (0) 2023.09.24
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2026/02   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
글 보관함