html笔记
1.Html
全称为:hypertext markup language
超文本标记语言
2. <html></html>根标签: 一对标签代表开始和结束
<head></head>编辑给浏览器的东西
<body></body>展现给用户的
<meta>设置属性
<title></title>写标题
<p></p>段落标签
<h1></h1>......<h6></h6>标题标签
<strong></strong>加粗标签
<em></em>斜体标签
<del></del>加划线的标签
<address></address>地址标签(用得少)
<div></div> <span></span>
功能:1.容器,分块 2.可以捆绑操作
<hr>水平线标签
3.编码字符集:四种
gb2312
gbk
Unicode
utf-8
<meta charset = "utf-8">设置可以显示中文
4.lang = “en” language为英语
5.seo技术
6.编辑器中空格的含义:英文单词分隔符
想在网页中展示空格 用 ;
展示小于号 <;(litter than)
展示大于号 >;(great than)
展示换行用标签 <br>(此标签单独出现)
7.有序列表 <ol type = "1/a/A/i/I"(用来确定计数方式) reversed = "reversed"(倒序) start = "2"(表示从第2个开始排,无论何种计数方式,都写数字,表示名次)>
<li>事务1</li>
<li>事务2</li>
</ol>
8.搜索引擎竞价机制
9.无序列表 <ul type = "disc" (square、circle,默认为实心圆)>
<li>事务1</li>
<li>事务2</li>
</ul>
10.<img> 图片标签
<img src = "网上url、本地的相对路径、本地的绝对路径" alt = "" title = "" >
alt为图片占位符是当图片显示不出来的时候展示的文字信息
title为图片提示符,鼠标移上去就显示title文字
11.<a></a> 超链接标签
<a herf = "超链接到的网址" target = "_blank"(使链接到的网址在新网页上打开)></a>
两个标签之间为超链接显示的文字或图片
a为anchor(锚)的缩写
作用:1.超链接 2.锚点 3.打电话发邮件 4.协议限定符
12. <form></form>发送数据标签
<form method = ""(发送方式) action = ""(发送地址)>
<input type = "text">输入框
<input type = "password">密码框
要想默认选中,只要在该input框内加一个checked = “checked”
单选框如右:<input type = "radio" name = "" value = "">
复选框如下
<select name = "">
<option>选项1</option>
<option>选项2</option>
</select>
网友评论