[HTML,CSS심화]2.나만의 위키 만들기

개발자 핑구·2022년 2월 28일
0

결과물

주요 코드

<head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="2.css">
</head>

: css파일을 연결 시켜주었다.

<h1>컴퓨터 프로그래밍</h1>
<hr color="black">
<p>컴퓨터 프로그래밍 또는 간단히 프로그래밍 혹은 코딩(coding)은 하나 이상의 관련된 추상 알고리즘을 특정한 프로그래밍 언어를
       이용해 구체적인 컴퓨터 프로그램으로 구현하는 기술을 말한다. 프로그래밍은 기법, 과학, 수학, 공학, 심리학적 속성들을 가지고 있다.<br>
       한편 코딩은 '작업의 흐름에 따라 프로그램 언어의 명령문을 써서 프로그램을 작성하는 일' 또는 '프로그램의 코드를 작성하는 일'로 크게
      나누어 언급되고 있는데 이는 알고리즘과의 상관관계를 잘 언급하고 있다</p>

:주요 제목인 '컴퓨터 프로그래밍'을 h1태그로 묶어주었고 수평선 태그인 <hr>태그로 수평선을 그어주었다.

<h2 id="programming-language">프로그래밍 언어</h2>

//css
#programming-language{
  color:red;
}

:태그에 id값을 지정하고 css로 해당 id값에 속성을 주었다.

<ul>
  <li><a href="test">프로그래밍 코드 작성</a></li>
  <li >컨테스트</li>
  <ul>
    <li><a href="test">ACM-ICPC</a></li>
    <li><a href="test" class="test">구글 코드잼</a></li>
    <li><a href="test" class="test">탑코더</a></li>
  </ul>
</ul>

//css
.test{
  color:red;
}

: <a>태그로 하이퍼링크를 연결해 주었고 '구글 코드잼'과 '탑코더'에는 클래스를 지정하여 css로 꾸며주었다.

0개의 댓글

관련 채용 정보