3/30 (목)
👥 조별 과제
⚡ 개념 정리하기 !
<!DOCTYPE html>
: html 버전을 의미 실제 사용시 이거 말고 그냥 vs code 에다가 html : 5 라고 쳐주면 필요한 <head>태그들이 html 5버전으로 나옴
<html lang = "ko">
: lang 속성은 웹 페이지의 주 언어를 의미함, 그 다음은 <head>태그와 <body>태그를 사용
<title>
: 태그 말고는 웹 페이지에 노출되는 것이 없음
<head>
: 태그는 웹페이지의 정보에 관한 태그
<body>
: 태그가 사용자에게 보여질 내용을 담는 태그
<h(n)>
: 헤딩태그, 주로 콘텐츠의 대제목, 중제목, 소제목에서 사용, n의 숫자가 증가할수록 글자크기가 작아지고, 폰트 굵기가 낮아진다 -> n의 숫자가 낮아질 수록 중요한 태그라는 의미 검색엔진 불이익을 받지 않기 위한 2가지 신경써야 할 점 : <h1>태그는 하나의 html문서에서 한번만 사용하기, <h(n)>태그는 <h1>태그부터 순차적으로 사용하기
<p>
: 앞뒤로 빈 줄이 생김 (단락)
<br>
: 줄이 바뀜
<a>
: 내부/외부사이트 연결 <a href ="위치">적고싶은 내용</a> @내부 사이트 연결 - 이동하고 싶은 요소의 id속성 값을 #기호와 함께 작성 @외부 사이트 연결 - 위치에 링크 주소를 작성
<img>
: 이미지 삽입할 때 사용 <img src="위치"> 위치에 이미지가 있는 경로를 입력 ( <img src="위치/image.jpg> ) img src=:위치/image.jpg" alt="이미지 이름"> -> 이미지 깨짐 방지
<strong>
: 중요한 텍스트 나타낼 때 사용(의미 o)
<em>
: 특정 단어나 문장을 강조하고 싶을 때(기울임꼴로 표시됨) 태그를 중첩해서 사용 가능
<b>
: strong 태그를 사용했을 때 시각적으로 같음, 단순히 텍스트를 굵게 하는 시각적인 효과, 강조의 의미 x
<i>
: em 태그를 사용했을 때 시각적으로 같음
<ul>
: 순서가 없는 목록을 작성할 때 사용하는 태그로, 기본적으로 밀어쓰기와 문자 표시가 적용됨
<ol>
: 순서가 있는 목록을 작성할 때 쓰는 태그로 밀어쓰기와 숫자 표시가 적용됨
<dl>
: 어떤 개념 등을 정의할 때 사용하는 태그
⚡ 토론해보아요 !
아영
: <img> : 웹 브라우저에 적절한 이미지가 없으면 정보를 받아들이기에 어려움을 느낄 것 같다.
승우
: 웹페이지가 일단은 기본적으로 문서니깐 <P>태그와 <a> 태그를 자주 사용할 것 같다.
세하
: doctype이라는 태그이다. 다른 태그들도 많이 사용하겠지만, 어떤 작업을 하느냐에 따라 사용되는 태그가 다 달라질텐데 그 중 doctype태그는 무슨 작업을 해도 고정적으로 항상 사용해야 하기 때문이다.
석민
: <html> 이라고 생각해 적어도 모든 페이지에 한 번씩 들어가는 태그이기 때문이야
아영
: <strong> vs <b>
<strong> : 중요한 텍스트라는 의미를 가짐
<b> : <strong>과 시각적으로는 같지만 강조의 의미가 없음
: <em> vs <i>
<em> : 단어나 문장을 강조할 수 있음
<i> : <em>과 형태가 같지만 강조의 의미가 없음
승우
: <ol> 과 <dl> 이 비슷한 코드 인것 같다. -> <ol>은 순서만 지정할 수 있는 반면, <dl>은 용어 정의에 사용되는 하위 태그인 <dd>태그도 사용이 가능하다
세하
: Strong 태그와 b 태그, em 태그와 l 태그가 각각 비슷하다고 생각된다. 각각의 태그를 사용했을 때 나오는 결과물의 외관이 같고, 문법적 의미의 유무로만 구별할 수 있기 때문이다. Strong 태그는 중요한 텍스트를 굵게 나타내고 B 태그는 텍스트를 굵게 '꾸미는' 느낌이다 Em 태그는 강조하고자 하는 텍스트를 기울여서 표현하고 L 태그는 텍스트를 기울여서 '꾸미는' 느낌이다.
석민
: <p>와 <br>이 가장 비슷하다고 생각해 하지만 <p>는 </p>로 닫아야하는 반면 <br>은 단독으로 쓰일 수 있어 또한 <p>는 단락을 표현하기 위한 태그인 반면 <br>은 단순 줄 바꿈 태그야
아영
: <iframe> : 다른 페이지 링크를 추가할 수 있어서 사용해보고 싶다.
세하
: <s> 텍스트 한가운데 라인을 추가하여 더 이상 정확하지 않거나 관련이 없는 텍스트를 표현함. <title> 해당 문서의 제목을 정의함.
승우
: <table>태그 웹사이트의 역할 중 정보를 제공하기 위한 역할로도 자주 쓰이기 때문에 표를 만들 수 있는 태그인 <table> 태그를 자주 사용할 것 같다
석민
: 나는 강의자료 이외의 코드 중에서는 <blockquote>라는 인용 블록을 표시해주는 태그가 가장 사용해보고 싶어 아무래도 웹페이지가 나무위키처럼 정보 형식으로 정리되어있는 형식으로도 많이 만들어져 앞으로 페이지를 구축하는 데에 유용할 것 같아