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

html简单介绍

时间:2018-07-11 23:29:48      阅读:215      评论:0      收藏:0      [点我收藏+]

标签:结束   src   另一个   形式   value   目的   put   ora   地址   

 

什么是html

HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言,而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词,比如 <html>
HTML 标签通常是成对出现的,比如 <b> 和 </b>
标签对中的第一个标签是开始标签,第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签

HTML 文档 = 网页
HTML 文档描述网页
HTML 文档包含 HTML 标签和纯文本
HTML 文档也被称为网页
Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容。

 

常用编辑器

notepad、editplus、sublimit、webstrom

注释

<!-- 在此处写注释 -->

 

html基础

标题

<h1>标题</h1>
<h2>标题</h2>
<h3>标题</h3>
<h4>标题</h4>
<h5>标题</h5>
<h6>标题</h6>

html段落

<p></p>

 加粗

<b></b>
<strong></strong>

回车

<br />

 

字体

<font> 规定文本的字体,尺寸,颜色
<font size = "字体大小" color = "字体颜色" face = "字体类型">要设置的文字 </font>
size: 12,13
color:red, blue, green, yellow,orange
face: 黑体,宋体,微软黑体

<span>行内</span>
<span>行内</span>
行内在一行显示,段落里面可以用过多个标签
span在样式中的时候才能现实其作用

 

超链接

<a href = "链接地址" target = "_blank">连接标志</a>
a标签支持http协议
标签target属性规定在何处打开链接文档
target ="_self" 默认是连接到本页
_blank 浏览器总在一个新打开,未命名的窗口中载入目标文档

链接到本页面
id = "xiang"
<a href = "#xiang">连接到本页的锚记点</a>
1. 首先创建一个锚链接的锚记点:<a href=“#锚记点名称”>主题名称</a>
2. 然后在具体要链接到的地方设置name:<a name=“锚记点名称”></a>(锚记点前面要加上#号)

 

图像

图像标签(<img>)和源属性(Src)
在 HTML 中,图像由 <img> 标签定义。
<img> 是空标签,意思是说,它只包含属性,并且没有闭合标签。
要在页面上显示图像,你需要使用源属性(src)。src 指 "source"。源属性的值是图像的 URL 地址。
替换文本属性(Alt)
alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。
<img src = "image/mv1.jpg" alt = "美女" height = "1000" width = "400">
src = "url" 图片地址或者本地路径
alt = "美女" 当图片不显示时,显示的字
height = "400" 高
width = "400" 宽

 

特殊字符

空格: &nbsp;
大于号: &gt;
小于号: &lt;
引号: &quot;
&符号:&amp;
版本号: &copy;

 

列表

无序列表

无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。

无序列表始于 <ul> 标签。每个列表项始于 <li>。

<ul type="disc/circle/square">
<li>列表项1</li>
<li>列表项2</li>
</ul>

有序列表

<ol type = "1/A/a/I/i">
<li>有序列表项1</li>
<li>有序列表项2</li>
</ol>

自定义列表

<dl>
<dt>自定义列表1</dt>
<dd>111111</dd>
<dd>222222</dd>
<dd>333333</dd>
<dt>自定义列表2</dt>
<dt>自定义列表3</dt>
</dl>
<dl>
<dt>自定义列表1</dt>
<dd>列表项111111</dd>
<dd>222222</dd>
<dd>333333</dd>
<dt>自定义列表2</dt>
<dt>自定义列表3</dt>
</dl>

表格

table标签:
border:表示边框的大小

<table border="1">
<tr>
<td>row(行1), cell(列1)</td>
<td>row(行1), cell(列1)</td>
</tr>
<tr>
<td>row(行2), cell(列2)</td>
<td>row(行2), cell(列2)</td>
</tr>
</table>


合并行时用: 后面的行就不用写女啦
<td rowspan="2">女</td>
合并列是用:

<td colspan="2">66 , 已婚</td>

<table border="1">
<thead>
<tr>
<th>IP</th>
<th>DNS BOOL</th>
</tr>
</thead>
<tbody>
<tr>
<td>1.1.1.1</td>
<td>True</td>
</tr>
<tr>
<td>2.2.2.2</td>
<td>False</td>
</tr>
</tbody>
</table>

表单

表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素
文本:

<form>
username:<input type = "text" name = "username" />
<br />
password:<input type = "password" name = "password" />
<br />
<textarea cols="11" rows="10"></textarea>
</form>

单选

<form>
<input type = "radio" name = "sex" value = "男" /><br />
<input type = "radio" name = "sex" vulue = "女" /><br />
</form>

多选

<form>
<input type = "checkbox" name = "111" />1 <br />
<input type = "checkbox" name = "222" />2 <br />
<input type = "checkbox" name = "333" />3 <br />
<input type = "checkbox" name = "444" />4 <br />
</form>

 

下拉列表

disabled = "disabled" 禁用该下拉列表
size = "2" 下拉列表可见选项的数目

<form>
<select name = "list" disbaled = "disabled"size = "4">
<option>list1</option>
<option>list2</option>
<option>list3</option>
</form>

当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。

<form action = "html.do" method = "get">
username:<input tyep = "text" name = "username" />
<input type = "submit" value = "提 交" />
</form>

 

html简单介绍

标签:结束   src   另一个   形式   value   目的   put   ora   地址   

原文地址:https://www.cnblogs.com/yangjian319/p/9297152.html

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