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

HTML学习笔记基础标签第一节 (原创)

时间:2017-09-10 01:14:19      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:背景   自己   笔记   set   targe   char   插入   引用   blank   

<!DOCTYPE html>
<!--头文件 不是标签 也没有结束,这是声明该文件为HTML5-->
<html lang="en">
<!--表示网页文字以什么格式显示 en为英文 zh是中文-->
<head>
<!--头文件-->
<meta charset="UTF-8">
<!--编码格式为UTF-8-->
<title>我是页面左上角标题</title>
<!--头标题-->
</head>
<body bgcolor="#fff8dc" >
<!--background="http://img2.imgtn.bdimg.com/it/u=2974104803,1439396293&fm=200&gp=0.jpg"-->
<!--身体 加背景颜色 加背景图片-->
<p>我是一个段落标签</p>
我这个字不会换行
我这个字不会换行
我这个字加入了换行的单标签<br/>
<h1>我是1级</h1>
<h2>我是2级</h2>
<h3>我是3级</h3>
<h4>我是4级</h4>
<h5>我是5级</h5>
<h6>我是6级</h6>
<br/>
<b>加粗字体标签</b>
<br/>
<big>定义大号字体(过时)</big>
<br/>
<em>着重标签</em>
<br/>
<i>斜体字</i>
<br/>
<small>小号字</small>
<br/>
<strong>定义加重语气</strong>
<br/>
123<sub>定义下标字</sub>123
<br/>
123<sup>定义上标字</sup>123
<br/>
<ins>定义插入字(文字有下划线)</ins>
<br/>
<del>定义删除字(文字被杠掉)</del>
<br/>
<br/>
<a name="tobaidu" href="http://www.baidu.com">点我去百度</a>
<img src="http://img2.imgtn.bdimg.com/it/u=2974104803,1439396293&fm=200&gp=0.jpg" alt="我是图片不显示的时候出现的字"width="80px" height="80px">
<!--src放置图片地址 可以放网页图片地址 也可以放自己存入的图片地址-->
<p align="center"><a name="tobaidu" href="http://www.baidu.com" target="_blank" >点我去百度</a></p>
<!--标签是可以嵌套的-->
<br/><br/>
<br/><br/>
<br/><br/>
<br/><br/>
<a href="#tobaidu">点击跳转到“点我去百度”</a>
<!--文件内跳转-->
</body>
</html>






class 类名
id ID
name 名字
href 超链接(键值对方法)
a标签 常用作超链接
target="_blank" 打开方式为新开页面 默认为_self
h1-h6各种字体标签
p 段落标签
br/ 换行标签
align=“center”表示水平位置 居中 right右对齐 默认为左对齐
bgcolor 身体部分背景颜色
background 背景图片
<b></b>加粗字体标签
<big></big>定义大号字体(过时)
<em></em>着重标签
<i></i>斜体字
<small></small>小号字
<strong></strong>定义加重语气
<sub></sub>定义下标字
<sup></sup>定义上标字
<ins></ins>定义插入字(文字有下划线)
<del></del>定义删除字(文字被杠掉)

引用样式(外部式)——》连接外部css文件
创建一个外部CSS文件:如
my.css
h1{
color:red;
}
在html文件头文件中写(rel外部引用资源)
<link rel="stylesheet" type="text/css" href="my.css">
身体里的h1就会变化颜色

引用样式(内部式)——》
头文件中使用
<style type="text/css">
p{
color: aqua;
}
</style>
身体里的p就会变化颜色

内联样式表
<a href="http://www.baidu.com" style="columns: red;"></a>

HTML学习笔记基础标签第一节 (原创)

标签:背景   自己   笔记   set   targe   char   插入   引用   blank   

原文地址:http://www.cnblogs.com/ttzzyy/p/7499856.html

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