前端快速入门

前端快速入门,前端HTML基础

这篇文章讲述了,前端的基础知识,包括HTML,CSS,测试的同学或者前端入门的同学可以看看此文

HTML简介

HTML是超文本标记语言,它不是一种编程语言,而是一种标记语言,标记语言是一套标记标签,使用标记标签来描述网页,HTML文档也叫做Web页面

下面来看一个简单的HTML




这是我的第一个HTML页面


    

第一个标题

第一个段落

来解析一下这段代码的意思

 声明为 HTML5 文档
 元素是 HTML 页面的根元素
 元素包含了文档的元(meta)数据,如  定义网页编码格式为 utf-8。
 元素描述了文档的标题
<body> 元素包含了可见的页面内容
<h1> 元素定义一个大标题
 <p> 元素定义一个段落
</code></pre> 
  <p>HTML标题</p> 
  <pre><code><h1>这是一个标题</h1>
<h2>这是一个标题</h2>
<h3>这是一个标题</h3>
</code></pre> 
  <p>HTML段落</p> 
  <pre><code><p>这是一个段落。</p>
<p>这是另外一个段落。</p>
</code></pre> 
  <p>HTML链接</p> 
  <pre><code><a href="https://www.baidu.com">这是一个链接</a>
</code></pre> 
  <p>HTML图像</p> 
  <pre><code><img src="/images/tt.png" width="258" height="39" />
</code></pre> 
  <p>HTML表格</p> 
  <pre><code>  <table border="1">
    <tr>
        <td>row 1, cell 1</td>   第一行第一列
        <td>row 1, cell 2</td>   第一行第二列
    </tr>
    <tr>
        <td>row 2, cell 1</td>   第二行第一列
        <td>row 2, cell 2</td>   第二行第二列
    </tr>
</table>
</code></pre> 
  <p>HTML列表</p> 
  <pre><code><dl>
<dt>咖啡</dt>
<dd>拿铁</dd>
<dt>牛奶</dt>
<dd>奶昔</dd>
</dl>
</code></pre> 
  <p>HTML区块</p> 
  <pre><code>HTMl区块元素,<div>,它属于块级元素,下面一个div写的简单页面

<!DOCTYPE html>
<html>
<head> 
<meta charset="gb1323"> 
<title>我的第一个Web页面* 


主要写内容
后续我会把这部分的基础代码陆续的写下来

HTML表单

name:
password:

HTML单选按钮

 

HTML复选框

  
牛奶
咖啡
CSS简介

样式定义如何显示 HTML 元素
如果你要在HTML元素中设置CSS样式,你需要在元素中设置"id" 和 "class"选择器。
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式,HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 “#” 来定义。
CSS id选择器
#para1 { text-align:center; color:blue; }
CSS背景色
div {background-color:#b0c4de;}
CSS字体
p{font-family:"Times New Roman", Times, serif;}

后面我将会继续记录下来我以前的学习过程,包括CSS,JS,希望我的内容可以帮助到所有热爱互联网,入门的你

你可能感兴趣的:(前端,软件测试,前端入门,html,html5,css)