html是什么:html的第五个版本/一类技术的总称(html+css+js)
html能干什么(所有人机交互界面+后台)
一个网页的组成:结构 html xhtml xml 遵循w3c
表现 css 遵循w3c
行为 js 遵循ecma
单标签:
<meta>
<br> 换行
<base target=”_self/_blank”(_self在自身页面打开/_blank在新的页面打开)
<hr> 分割线里面属性可以有 width color
<img src=” 路径(相对路径 绝对路径)”>:width/height 宽度 /高度
title 鼠标悬停之后提示的信息
alt 图片走丢后的提示信息
Border 图片边框
双标签:
<html></html>根元素
<head></head>头部
<title></title> 设置网站的标题
<body></body> 身体
标题标签 h1~h6
段落标签 P
加粗标签 <b></b> <strong></strong>
倾斜标签 <i></i> <em></em>
删除线 <s></s> <del></del>
上下标 <sup></sup> 上标 <sub></sub>
下划线 <u></u> <ins></ins>
超链接<a></a> 包含属性 : href 链接跳转的地址
title 鼠标悬停时提示的信息
target 设置打开方式包(_self/_blank)
<a href=”#想要跳转的地方的id值”></a>
图片超链接 注意标签的嵌套
居中标签 <center></center>
特殊符号 :空格 正常一个space的大小
一个文字大小
二分之一个文字大小
列表 : 有序列表 <ol type=”1/I/i/A/a” start=”从谁开始”>
<li></li>
</ol>
无序列表 <ul type=”none”>
<li></li>
</ul>
自定义列表 <dl>
<dt>
<img src=”图片路径”>
</dt>
<dd>对上面dt进行解释</dd>
</dl>
表单:
<form action=”提交的路径” method=”表单的提交形式”> 表单域:说明表单的区域
请输入你的姓名:<input type=””> text 文本
radio 单项框 必须name属性结合 且属性值相等
checkbox 多选框
按钮:
type=”password” 密码
type= “button” 普通按钮
type= “submit” 提交
type= “reset” 重置
type=”image” 图片按钮
<button></button>提交按钮
下拉列表:
<select>
\ <option></option>
</select>
文本框:
<textarea></textarea>
里面属性 cols=”一行中显示的字节数” rows=”显示的行数”
属性:
value 给定一个初始值
paceholder :提示信息
name :只有加name才能将信息提交
checked :默认选中的(常用于单选框/多选框)
disabled :表单的禁用
<!--
method post 页面不显示
get 显示
-->
<form action="http://www.baidu.com" method="post">
<label for="text">文本框</label>
<input type="text" id="text" placeholder="请输入你的用户名" name="text_name"><br>(看day_02中的05)
css引入的方式
行内引入
<input type="text" name="text_name" style="width: 500px; height: 400px”>
内部引入
头部内加<style>
</style>
外部引入
优先级 行内样式优先级>内部样式=外部样式(比较谁在下面谁的优先级高)