码迷,mamicode.com
首页 > Web开发 > 详细

html基础

时间:2017-04-10 23:07:20      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:建议   img   宽高   链接   value   doc   idt   示例   www   

讲解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="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="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基础

标签:建议   img   宽高   链接   value   doc   idt   示例   www   

原文地址:http://www.cnblogs.com/chengduxiaoc/p/6691416.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!