※블로그 내용은 저 '개인'의 기준으로 더 필요하다고 생각되는, 또는 한번 더 짚어보는 의미로 직접 필기한 것입니다. 수희 혼자 볼라고 쓴 블로그
1.html 태그 소개>
- p :문단 태그. p태그 열릴때마다 '아래'에서 문단(p태그)이 새로 시작.
알트 시프트 방향키하면 한줄씩 복사 가능
p태그 안에 p태그 넣는건 별로야
<p style="displey:inline-block;">하면 p태그가 아래가 아닌 옆에서 시작.
p태그 안에 Lorem 쓰고 탭치면 영어 문장 이상한거 술술 써짐.
- 태그안에 꺽쇄사용 하고 싶을때
< 랑 >쓰면 된다.
&
이런거는 구글에 html entiles 검색.
HTML 특수코드 리스트 https://lynmp.com/ko/article/na4022da3d633f943a 참고
h1~6 :제목 태그(숫자 작을수록 강조 큼)
ol : 순서,목록 태그
ul: 순서가 없는 목록
li: 목록의 내용
<ol start="5"> 순서 시작번호 지정
<li value="10"> 목록내용 순서 무시하고 내가 지정한 숫자로 바꾸고 싶을때.
목록 태그 안에 새로운 목록 만들기 가능.
부모자식 태그로<ol style-"list-style: none; padding-left: 0px;"> 순서 없앰. 좌측 여백삭제.
<ul style="list-style-type:circle;">순서없는 목록 모양 변경 가능.
b : 굵은 글씨.글자만 굵게 하는것
strong: 굵은 글씨. 중요하다는 의미.
i : 기울어진 글씨
u : 고유명사, 철자가 틀렸을때 태그(밑줄 쳐짐)
s : 글씨 그어줌.틀린 글씨 의미.
del: 글씨 그어줌. 과거에 비해 삭제된 내용을 의미.
nav : 메뉴바 태그를 의미(중요페이지로 이동). 네비게이션이라함,
-
브라우저에서 경로를 표현하는 방식
1.절대 경로 : 인터넷, url로 접속가능한 경로
<a href="www.naver.com">네이버</a>- 상대경로: 개발 환경에서 시작되는 경로
<link rel="stylesheet" href="style.css"> - ' . ' 은 현재 파일이 위치한 경로
<a href="./폴더명/파일명">. 점 생략 가능.. - ' .. ' 이전 / 상위 경로
<a href="../폴더명/파일명">
- 상대경로: 개발 환경에서 시작되는 경로
-
사진 넣는 방식
<img width="100px" src="./폴더명/파일명.jpg" alt="대체텍스트">
상대경로로 사진 넣으면. 스타일 바로 적용 가능하지만 인라인으로는 잘 안해~
<img src="https://url주소" alt="대체텍스트">사진 링크 넣는 방식.
- 영상, 오디오,멀티미디어 태그(잘안씀)
<video />오토플레이나 음소거 넣을 수 있음.
<audio />위와 같음.
<iframe src="영상링크주소" />요즘은 동영상 링크 복붙해서 넣음.
2.공간을 나누는 태그>
- div : Division 가상의 경계, 가상의 레이아웃을 나눔.공통 영역 나눌때 중요.
수십개의 p태그들을 부모태그로 묶어서 스타일 적용 가능. - span : 텍스트 중간에 스타일 넣어줄때
