刚刚开始学习web前端。自己总结了一些基础知识以备未来查阅，回顾。
关于HTML文档：
一·HTML的基础：
1.HTML文档总体结构
<html>
<head>
<title>标题部分</title>
<head>
<body>
....文档部分....
</body>
</html>
2.HTML一些元素
blockquote----定义引用文本
ul----无序列表
ol----有序列表
dl----定义列表
(division)div-----文本分块
a-----创建超链接(语法形式为:<a href="目标URL">描述文本</a>
iframe---内部框架
pre----预编排文本
span----跨字符
hr-----水平线
3.注释
在"<body>...文档内容...</body>"中: <!--我是注释-->
在"<body>...文档内容...</body>"外: <script>
4.HTML注意事项
文件扩展名用.html或.htm
空格或回车有专门的标记 :  和 <br>二·创建锚点与内部框架
<1> 1.创建一个名为“第一章（chapter01)”的锚点: <h1><a name="chapter01">第一章</a></h1> 2.为了能链接到锚点代码如下： <a href="#chapter01">转到第一章</a><2> 1.创建一个名为“123”的内部框架： <iframe src="" frameborder="1" name="123"></iframe> 2.在框架内打开w3c网站首页“http://www.w3c.org"： <a href="http://www.w3c.org" target="123">在本页打开w3c网站</a> 三·HTML表单
1.常用input type属性:
text--文本框
password--密码
button--命令按钮
submit--提交按钮
radio--单选框
checkbox--复选框
hidden--隐藏
date--日期
reset--重置按钮
2.表单元素
基本结构form: <form action="表单处理程序的URL" method="get/post>
输入控件input: <input type="">下拉列表select和option: <select name="" id="">
<option value="">内容1</option>
<option value="">内容2</option>
</select>
多行文本框textarea: <textarea rows="" cols="" id="">请在此输入文本</textarea>
关于CSS：一·样式表<head> <title>CSS的3种写法</title> <!-- 关于3中CSS写法的优先级,本例子中,内联式 > 嵌入式 > 外部式;总结:距离被设置元素越近的,优先级越高 --> <!-- 写法1"外部式CSS样式":href可修改,文件后缀.css,其他都是固定写法 --> <link href="style.css" rel="stylesheet" type="text/css" /> <!-- 写法2"嵌入式CSS样式" --> <style type="text/css"> p{font-size:20px; /*设置文字字号*/ } </style></head><body> <p>好好学习,天天开心</p> <br /> <!-- 写法3"内联式CSS样式" --> <p style="color:blue">好好学习,天天向上</p></body></html>
二·选择器1.元素选择器： p{color：blue：}2.类选择器（class）：.类名{属性:值}3.ID选择器（id）：#id名{属性：值}4.包含选择器:p em{color:blue}5.通配符选择器：*{color：blue}6.伪类选择器（常用）：a：hover{ }
时间： 2024-10-26 16:54:00