Html

2018-10-12  本文已影响0人  十六只猴子王

Hyper text Markup Language

<!DOCTYPE html>
//声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
<html lang="en">
//根元素
<head>
//不会给用户看的东西
<meta charset="UTF-8">
// 标签的属性定义了与文档相关联的名称/值对。源信息
<title>Title</title>
//浏览器会以特殊的方式来使用标题,并且通常把它放置在浏览器窗口的标题栏或状态栏上
</head>
<body>
//给用户看的统统写在body标签里面
</body>
</html>


标签分成两大类:

1. 块级元素

块级元素独占一行

标题标签

<h1>ABCDE</h1>
<h2>ABCDE</h2>
<h3>ABCDE</h3>
<h4>ABCDE</h4>
<h5>ABCDE</h5>
<h6>ABCDE</h6>

段落元素

<p>这是p元素是块级元素</p>

div

<div></div>
给网页分块

列表项

<ul>
<li>123</li>
<li>23</li>
<li>dsf</li>
</ul>

<u>l中的文本必须用<li>括起来

form

属性:action
form中写的是行级元素

<form action="http//:www.baidu.com“ method="get/post">
<input type="text(文本框)/possword(密码框)/radio(单选框)/checkbox(复选框)" />
<br/>换行
男<input type="radio" name="sex">
女<input type="radio" name="sex">


<select>(下拉列表)
      <option></option>
</select>


<textarea rows(行)cols(列)>(文本域)


<butter>提交按钮</butter>


<input type="button” value=“普通按钮”>
<input type="submit" value="提交按钮">(点击则会将数据传输给服务器)
<input type="reset" value="重置按钮“>
<form>

2. 行级元素

行级元素不会分行

纯文本

注释

< !-- 注释 -->

注释不可以嵌套,但可以跨行注释

span

<span></span>

超链接标签

<a href="http://www.baidu.com " title=" " target="">百度 </a>
_blank
浏览器总在一个新打开、未命名的窗口中载入目标文档。
_self
这个目标的值对所有没有指定目标的 <a> 标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的,除非和文档标题 <base> 标签中的 target 属性一起使用。
_parent
这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效。
_top
这个目标使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。

href 是a标签独有的属性

斜体字

<i>这里是斜体字</i>

lable

<label></label>

图片元素

<img src="" width= heigth=>
用px控制图片的大小,如果写了一个属性控制大小,则按照原始比例进行调整图片大小


上一篇 下一篇

猜你喜欢

热点阅读