HTML初识回顾
html初识
HTML：超文本标记语言
最基本的HTML文档
-—这是HTML5的文档。本文档所用的标记都是遵从HTML5的标准规范。 —-HTML文档的根标签。将整个文档包裹起来。 —-Html标签默认包含2个子标签head/body —-head标签一般不直接显示在页面上，用于对页面文档的描述 —-告诉浏览器本文档的编码是UTF-8 -—告知浏览器本文档的标题 —-用于显示在页面上的内容。 HTML5？HTML一门超文本标记语言，最新的第5代版本的语言的标准。2014发布
常用的HTML标签
注意：HTML标签默认是小写。
H1 — h6:标题标签，从1到6逐渐缩小。
P：段落标签。
Div: 容器标签。没有任何样式。可以放置任何的内容
Img：图片标签
A：链接标签
Ul>li:无序列表
表单标签
<!DOCTYPE html><html><head><meta charset="utf-8" /><title></title></head><body><!--form标签：表单标签属性：action:设置表单数据提交的服务器地址,如果不设置地址就是当前页面的地址method：提交表单数据的方法，常用方法2种，post,getget表单提交的数据会直接显示在请求的地址上，请求的地址不能太长，所以不能提交比较大的数据。直接显示在地址不安全但效率高，一般用于搜索的场景。post表单提交的数据不会显示在地址上，会放置到请求体里面。可以发送较大的数据。比较安全。input标签type属性:submit --提交按钮，value按钮显示的内容text ---输入框为文本类型password ---输入框为密码类型value属性:表单提交时候的数据name属性：表单提交数据时的关键词，name值一定要记得写placeholder属性：预置文字，在输入框没有任何内容的时候，有预置的文字进行相对应的提示。--><form action="" method="get"><input type="text" name="username" value="" placeholder="请输入用户名" /><input type="password" name="password" /><input type="submit" value="注册"/></form></body></html>
单选框
<!--输入类型：单项框：radio，同一选项的name必须相同复选框：checkbox,复选框-->
复选框
<h1>请选择你最喜欢的城市？</h1>广州<input type="checkbox" name="wd" value="广州" />深圳<input type="checkbox" name="wd" value="深圳" />上海<input type="checkbox" name="wd" value="上海" />北京<input type="checkbox" name="wd" value="北京" />
选项框
<h1>您最喜欢的女明星</h1><!--select标签：选项框--><select name="wd"><option value="蔡徐坤">蔡徐坤</option><option value="鹿晗">鹿晗</option><option value="吴亦凡">吴亦凡</option></select>
长文本输入框
<!--textarea长文本输入框，用于书写大量的内容。value放置在标签里面。rows设置多少行文字cols一行设置多少文字--><form action="" method="post"><textarea name="article" rows="10" cols="50" >
Iframe标签
<!--iframe标签：在当前页面某个位置加载其他网页。可以使得一个页面显示多个页面的内容。scr:设置需要载入的页面width:设置iframe占据的宽度height:设置iframe占据的高度scrolling：设置是否有滚轮--><h1>helloworld</h1><iframe scrolling="no" src="http://www.baidu.com" width="800" height="600"></iframe>
**CSS:重叠样式表
CSS使用：
1、style标签里面书写css样式**
<style type="text/css">h1{color: greenyellow;}div {display: block;font-size: 2em;margin-block-start: 0.67em;margin-block-end: 0.67em;margin-inline-start: 0px;margin-inline-end: 0px;font-weight: bold;color: purple;}</style>
2、Style属性里写css样式
<!--在style属性设置样式的内容--><p style="color: pink;display: block;font-size: 2em;margin-block-start: 0.67em;margin-block-end: 0.67em;margin-inline-start: 0px;margin-inline-end: 0px;font-weight: bold;">helloworld</p>
3、Link标签引入css文件，在css文件里不需要添加style标签
<link rel="stylesheet" type="text/css" href="css/style.css"/>
常用的选择器：
元素选择器
Id选择器
Class选择器
常用选择器的优先级：元素属性上设置的样式>id>class>元素>默认浏览器的样式
爱被打了一巴掌
向右看齐
浅浅的花香味﹌
╰+哭是因爲堅強的太久メ
系统管理员
还没有评论，来说两句吧...