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

HTML编辑笔记1

时间:2017-10-15 23:16:38      阅读:227      评论:0      收藏:0      [点我收藏+]

标签:返回   tle   html   邮箱   编辑器   alt   ext   a标签   笔记   

1.编写html

①新建一个记事本(以.html结尾)

②右击选择打开方式为文档

③编写内容

④用浏览器查看内容

2.html编写格式

<html>

  <head></head>

  <body>

  内容

  </body>

</html>

3.html的打开方式

①用浏览器打开查看内容

②用文体编辑器(编辑方式)

4.网页标签

<title>标签名</title>

5.meta标签

<meta charset="utf-8"/> //设置网页的字符编码

<meta name="keywords" content="内容"/> //关键词

<meta name="description" content="内容"> //网页描述

6.h标签(标题)

<h1></h1>到<h6></h6>

7.段落标签

<p>XX</p>

8.换行标签

XXXX</br>

9.水平线标签

</hr>

10.字体样式标签

①加粗<strong>XX</strong>

②斜体<em></em>

11.注释和特殊符号

空格&nbsp;  大于号(>)&gt; 小于号(<)&lt; 引号(")&quot; 版权符号(?)&copy;

注释<!--注释内容-->用途①解释代码②当前代码现在用不到,以后可能会用

12.图像标签

<img src="所在地" alt="当图像找不到时提示的文字" title="当鼠标放在图片上显示的文字" width="图片宽度" height="图片高度">

13.链接标签                          ↓_self(当前窗口)或者blank(新建窗口)

①<a href="path" target="目标窗口显示的位置">名字</a>

②锚链接:跳转顶部(1)<a name="顶部">顶部</a>

            (2)<a href="#顶部">返回顶部</a>

③功能性链接  例:<a href="mailto:邮箱地址">联系我们</a>

HTML编辑笔记1

标签:返回   tle   html   邮箱   编辑器   alt   ext   a标签   笔记   

原文地址:http://www.cnblogs.com/AYYLMAO/p/7674741.html

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