html简单介绍
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了html简单介绍,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含4434字,纯文字阅读大概需要7分钟。
内容图文
什么是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" 宽
特殊字符
空格:
大于号: >
小于号: <
引号: "
&符号:&
版本号: ©
列表
无序列表
无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。
无序列表始于 <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 >
原文:https://www.cnblogs.com/yangjian319/p/9297152.html
内容总结
以上是互联网集市为您收集整理的html简单介绍全部内容,希望文章能够帮你解决html简单介绍所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。