前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

html概述(上篇)(html html)

web前端开发的三要素

HTML:是网页内容的载体结构

CSS:是网页的外在表现

Javascript:是用来实现网页上的特效与交互行为

HTML的注释

<!—注释的内容—>

Html的声明结构与头部标签

<!doctype html public"-//w3c//dtd html4.01//en"

"http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

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

<meta http-equiv="refresh" content="10";url=http://www.baidu.com">

<meta name="robots" content="all" />

<meta name="keywords" content="hello,world">

<meta name="description" content="第一次接触html,希望能在接下来的学习中,越来越好">

<meta name="" content=“自定义" />

<title>hahahhah</title>

</head>

文本标签

标题标签<h1~6 align="left|right|center> </h1~6>

代码:<h1>标题标签</h1>

<h2>标题标签</h2>

<h3>标题标签</h3>

<h4>标题标签</h4>

<h5>标题标签</h5>

<h6>标题标签</h6>

段落标签

段落标签<p align="left|right|center></p>

换行标签<br />

预格式化标签(对空行和空格进行控制)<pre></pre>

水平线标签<hr width="" size="" align="" color="" />

无意义标签<span></span> <div></div>

字体标签<font color="" face="" size="1~7" ></font>

粗体标签<b></b>

斜体标签<i></i>

下划线标签<u></u>

删除线标签<del></del>

上标标签<sup></sup>

下标标签<sub></sub>

代码如下:

效果如下:

字符实体

效果如下:

超链接标签

<a href=”链接地址” target=”-blank|_self” title=”描述”></a>

例如:<a href="https://www.baidu.com/" target="_blank" title="跳转百度">欣赏</a>

效果如下:

<base target=“_blank | _self” href=“链接地址”/>不常用

空链接

<a href=”#”>返回首页</a>

<a href=”javacript:;”>停留在这里</a>

脚本链接

<a href=”javacript:alrt(ok 我出来了)”>你出来吧</a>

锚点链接

创建锚点<a name=””></a>

寻找锚点<a href=”目标文档#锚点名字”></a>

代码如下

好了,HTML基础上就给大家介绍到这里,文中标签纯属小编练习手打案例,如有什么不足欢迎大家给予批评或者建议,大家一起学习,一起进步、爱你们。明天小编会继续为大家更新HTML基础,感谢您的支持。

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言