文本标签
超文本:
超文本是一种组织信息的方式，它通过超链接]方法将文本中的文字、图表与其他信息媒体相关联。
标记语言：
由标签构成的语言。<标签名称> 如 html，xml。
<h1>~<h6>:标题标签
h1~h6字体大小逐渐递减
<p>:段落标签
<br>:换行标签
<hr>:水平线标签
<b>:字体加粗
<i>:字体倾斜
<font>:字体标签
颜色属性：color
大小属性：size
字体属性：face
<center>:居中标签
图片标签
<img>:图片标签
作用：加载并展示页面图片资源
属性：
src : 指定图片的位置
相对路径：相对路径是指目标相对于当前文件的路径
./：代表当前目录 ./可以省略
例如：./image/1.jpg 在当前目录下找到image目录，再找到1.jpg文件 ../ :表上一级目录
例如：../image/2.jpg 在上一级目录下找到image目录，再找到1.jpg文件
width:宽度属性
height:高度属性
alt:当图片非正常加载时的提示语句
列表标签
有序列表：
<ol>
<li>列表项1</li>
<li>列表项2</li>
...
</ol>
无序列表：
<ul>
<li>列表项1</li>
<li>列表项2</li>
...
</ul>
链接标签
超链接标签：<a></a>
属性：
href:指定访问资源的URL(统一资源定位符)
target:指定打开资源的方式
_self：默认值，在当前页面打开
_blank：在空白页面打开
块级、行级标签
div:每一个div占满一整行。块级标签
span：文本信息在一行展示，行内标签 内联标签
表单属性
action:指定提交数据的URL
method:指定提交方式
get:
a)求参数会在地址栏中显示。会封装到请求行中。
b)请求参数大小是有限制的。
c)不太安全。
post:
a)请求参数不会在地址栏中显示。会封装在请求体中。
b)请求参数的大小没有限制。
c)较为安全
name：表单项中的数据要想被提交：必须指定其name属性
value：表单项提交的值
表单项标签
可以输入内容或者选择内容的部分，大部分的输入项使用<input type="输入项类型"/>，在输入项里要有一个name属性
文本输入框：<input type="text"/>
属性：placeholder 指定输入框的提示信息，当输入框的内容发生变化，会自动清空提示信息
密码输入框：<input type="password"/>
单选框：<input type="radio"/>
注意：
要想让多个单选框实现单选的效果，则多个单选框的name属性值必须一样。
一般会给每一个单选框提供value属性，指定其被选中后提交的值
checked属性，可以指定默认值
复选框：<intput type="checkbox"/>
注意：
一般会给每一个单选框提供value属性，指定其被选中后提交的值
checked属性，可以指定默认值
文件选择框：<input type="file"/>
隐藏域：<input type="hidden"/>
隐藏域，用于提交一些信息
提交按钮：<input type="submit"/>
普通按钮：<input type="button"/>
图片提交按钮：<input type="image"/>
属性：src 指定图片的路径
下拉列表：select
子元素：option 指定列表项
<select name="site">
<option value="0">北京</option>
<option value="1">上海</option>
<option value="2">广州</option>
<option value="3">深圳</option>
</select>Cascading Style Sheets 层叠样式表 层叠：多个样式可以作用在同一个html的元素上，同时生效。
内联样式
在标签内使用style属性指定css代码
<body>
<div style="background-color:red;color:yellow">欢迎来到神奇的css世界</div>
</body>内部样式
<head>
<meta charset="UTF-8">
<title>CSS内部样式</title>
<style type="text/css">
div{
background-color:yellow;
color:red;
}
</style>
</head>
<body>
<div>你好，世界，html我来了</div>
</body>外部样式
<head>
<meta charset="UTF-8">
<title>CSS外部样式</title>
<link rel="stylesheet" type="text/css" href="css/css1.css"/>
</head>
<body>
<div>你好，世界，html我来了</div>
</body>CSS的选择器
id选择器
#id属性值{}
<body>
<!--id选择器-->
<font id="jyjy">积云教育顺义校区</font><br/>
</body>类选择器
.class属性值{}
<body>
<!--类选择器-->
<font class="demoClass">键盘敲烂,月薪过万</font>
</body>元素选择器
标签名称{}
<body>
<!--标签选择器-->
<font>积云教育昌平校区</font><br/>
</body>CSS的属性
字体，文本属性
font-size:字体大小
color:文本颜色
text-align:对齐方式
line-height:行高
背景属性
background:背景属性，复合属性
边框属性
border:设置边框，复合属性
尺寸属性
width:宽度
height:高度
扫一扫
2212
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
