HTML基础

1.什么是HTML

HTML(Hypertext Markup Language)：超文本标记语言

2.HTML发展史

3.HTML的特点

 

  • 不需要编译，由浏览器执行；
  • HTML文件是一个文本文件；
  • 后缀名为.html(.htm)或者.xml；
  • HTML语言对大小写不敏感。

 

4.开发工具

sublime等

 

5.HTML的基础语法

  • HTML的基本结构

  • HTML标签

语法：<标签名></标签名>  如<html>...</html>

规范：用<>括起来，一般成对出现，结束标签比开始标签多了一个/

<hr/>横线标签是单标签

 

  • HTML元素

从开始标签到结束标签的所有代码，称为HTML元素

  • HTML标签属性

语法：<标签名 属性名1=“值” 属性名2=“值” ...> ... </标签名>

 

  • HTML注释

语法：<!--注释内容-->

 

 

  • DOCTYPE文档类型声明

<!DOCTYPE>声明放在HTML文档的第一行，且其不是HTML标签。

  • 网页编码设置

当网页显示乱码时，在<head>...</head>标签之间添加：

<meta http-equiv="content" connect="text/html;charset=utf-8"/>

 注：有utf-8,GB2312,gbk等编码形式

 

  • 文字和段落标签

标题标签：<h1></h1>~<h6></h6>

段落标签：<p></p>,align对齐属性有：

值 描述
left 左对齐内容
right 右对齐内容
center 居中对齐内容
justify 对行进行伸展，使得每行有相等的长度

换行标签：<br/>

水平线：<hr/>,属性有：

属性 描述
width 设置水平线宽度，像素（px）或百分比（%）
color 设置水平线颜色
align 设置水平线对齐方式
nonshade 设置水平线无阴影

文字斜体：<i></i>      <em></em>

加粗：<b></b>    <strong></strong>

下标：<sub>

上标：<sup>

插入内容：<ins>

删除内容：<del>

特殊符号：

属性 显示结果 描述
&lt; < 小于号或显示标记
&gt; > 大于号或显示标记
&reg; ® 已注册
&copy； © 版权
&trade； TM 商标
&nbsp; space 不断行的空白
  • 列表标签

无序列表：

<ul>
    <li>列表项1</li>
    <li>列表项2</li>
    ……
</ul>
type属性值
值 描述
disc 圆点·
square 正方形□
circle 空心圆○

有序列表：

<ol>
    <li>列表项1</li>
    <li>列表项2</li>
    ……
</ol>
type属性值
值 描述
1 数字1，2，3……
a 小写字母a,b,c……
A 大写字母A,B,C
i 小写罗马数字i,ii，……
I 大写罗马数字I，II，……

定义列表;

<dl>
    <dt>定义列表项</dt>
    <dd>列表项描述</dd>
    <dd>列表项描述</dd>
    <dt>定义列表项</dt>
    <dd>列表项描述</dd>
    ……
</dl>

　　（注：<dl><dt><dd>要组合使用）

 

  • 图像标签

语法：<img src="  " alt=" " .../>

img属性：

属性 值 描述
src（必写） URL 显示图像的URL
alt 文字 图像替代文本
height 数值或百分比 图像的高
width 数值或百分比 图像的宽
  • 超链接标签

语法：<a href = " "> 内容 </a>

属性：

属性 描述
href 链接地址
target

链接的目标窗口

_self（在本页面打开一个窗口）、_blank（打开一个新窗口）、_top、_parent
title 链接提示文字
name 链接命名

定义锚：

 

电子邮件链接：

<a href= "mailto:邮件地址">......</a>

posted @ 2018-09-24 16:14  wps168  阅读(124)  评论(0)    收藏  举报