黑马程序员 自学日记 一天搞定html

来源:互联网 发布:应聘淘宝客服面试技巧 编辑:程序博客网 时间:2024/05/21 08:48

------- android培训、java培训、期待与您交流! ----------

网页设计必须要学会html,那什么是html呢?HTML 是超文本标记语言 (Hyper Text Markup Language) 不是一种编程语言,是一种标记语言,

学习html 记住所有标签和基本语法就能搞定普遍的网站制作了,如果利用工具软件能自动生成所有标签。


html常用标签如下

标签 描述 DTD 
<!DOCTYPE>  定义文档类型。 利用工具可自动生成 了解就可以

<html> 定义 HTML 文档。 

<body> 定义文档的主体。

<head> 头标签

<title> 网站标题

<meta> 头文件 定义 关键字keywords 网站说明description等

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><!--定义网页编码 常用编码有utf-8 gbk2312 注释--><title>网页标题</title><meta name="keywords" content="网站关键字" /><meta name="description" content="网站说明" /></head><body>这里是网页内容</body></html>

<h1> to <h6> 定义 HTML 标题。
<p> 定义段落。 
<br> 定义简单的折行。 
<hr> 定义水平线。
<!--...--> 定义注释。 


标签 描述
<b> 定义粗体文本。 
<font> 不赞成使用。定义文本的字体、尺寸和颜色 
<i> 定义斜体文本。 
<em> 定义强调文本。
<big> 定义大号文本。 
<strong> 定义语气更为强烈的强调文本。和<b>  效果一样
<sup> 上标<sub>下标

   

<a> 定义链接、锚。 
<link> 定义文档与外部资源的关系。
标签 描述 DTD 
<frame> 定义框架集的窗口或框架。

标签 描述 DTD 
<form> 定义供用户输入的 HTML 表单
<input> 输入控件。
<textarea> 定义多行的文本输入控件
<button> 定义按钮。
<select> 定义选择列表(下拉列表)。
<optgroup> 定义选择列表中相关选项的组合。 
<option> 定义选择列表中的选项。

<label> 定义 input 元素的标注。 


标签 描述 DTD 
<ul> 无序列表。
<ol> 有序列表。 
<li> 列表的项目。 

<dl> 列表。 
<dt> 列表中的项目。
<dd> 项目的描述。 


<img> 图像。
<map> 定义图像映射。
<area> 定义图像地图内部的区域。



<table>表格 
<caption> 表格标题。 
<th> 表头单元格
<tr> 行。
<td> 单元。
<thead> 定义表格中的表头内容。
<tbody> 定义表格中的主体内容。 
<tfoot> 定义表格中的表注内容(脚注)。
<col> 定义表格中一个或多个列的属性值。 
<colgroup> 定义表格中供格式化的列组。


标签 描述 DTD 
<style> 定义文档的样式信息。
<div> 定义文档中的节。  
<span> 定义文档中的节。 



<head> 定义关于文档的信息。 
<title> 定义文档的标题。
<meta> 定义关于 HTML 文档的元信息。
<base> 定义页面中所有链接的默认地址或默认目标。 
 
<script> 定义客户端脚本。 里面添加javascript 或vbscript 等编程语言


以上标签为常用标签,熟练使用这些就能设计出自己想要的静态网页了,

但这些还远远不够,不能和网友互动,互动就需要其他的设计语言了,如asp jsp php 等


------- android培训、java培训、期待与您交流! ----------