首页 > 代码库 > html基础

html基础

2024-09-13 23:08:10   218人阅读

讲解html得常用基础知识，建议阅读时间10分钟

 

html基本概念：

HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言，而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML文件的扩展名为.html 或 .htm

 

基本结构：

<!DOCTYPE html>
<html>
　　<head lang="en">
　　　　<meta charset="UTF-8">
　　　　<title>html示例</title>
　　</head>
　　<body>

　　</body>
</html>


网页内容以<html>开始</html>结束

head中配置页面属性，引入js css等

body中放置网页详细内容。

 

标记类别有三种：

<标记名>最简单的网页</标记名>
例如：<title>我的第一个页面</title> 
<标记名 属性名=“属性值”>文本</标记名>
例如：<body bgcolor=“red”>背景红色</body> 
<标记名>
例如：我想学做网页<br>是呀！我也想学！

 

注释

<!– 注释内容-->

 

 

 

常用标签：

div:可定义文档中的分区或节，独占一行的常用标签

span:标签被用来组合文档中的行内元素，不独占一行的常用标签

<h1> - <h6> 等标签定义标题

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

<p> 标签定义段落

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

 <a> 标签定义链接  在 href 属性中指定链接的地址。

<a href="http://www.baidu.com">This is a link</a>

<img> 标签定义图像

<img src="http://www.mamicode.com/logo.jpg" width="104" height="142" />

ul 或 ol 定义列表

<ol>
   <li>Coffee</li>
   <li>Tea</li>
   <li>Milk</li>
</ol>

<ul>
   <li>Coffee</li>
   <li>Tea</li>
   <li>Milk</li>
</ul>

input定义输入框

<form action="form_action.asp" method="get">
  First name: <input type="text" name="fname" />
  Last name: <input type="text" name="lname" />
  <input type="submit" value="http://www.mamicode.com/Submit" />
</form>

table定义表格

<table border="1">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>

 

标签类型有三种：

块级标签:独占一行,可设置宽高等。如div p

行内标签：不独占一行,不可设置宽高等。如span a

行内块标签：不独占一行,可设置宽高等。如img

 

html标签的主要作用是把页面内容放入页面，具体的样式修饰，请参考下一篇css基础

 

html基础


联系
我们