前端知识点

文章目录

      • 一. HTML
          • 1. 什么是 HTML ?
          • 2. 什么是标签 ?
          • 3. 重要标签说明
            • 3.1 表格标签 table
            • 3.2 表单标签 form
          • 4. 关于浏览器
          • 5. 块级元素与内联元素
          • 6. 背景图片的位置以及大小调整
      • 二. CSS
          • 1. 什么是CSS?
          • 2. 如何书写定义元素样式?
          • 3. 固定的应用
            • 3.1 背景固定
            • 3.2 导航栏固定
          • 4. 阴影效果
          • 5. 选择器的优先级
          • 6. 设置元素居中
      • 三. JavaScript
          • 1. 对于编程语言的认识
          • 2 .JavaScript 的作用
          • 3. JavaScript 是弱类型语言
          • 4. JavaScript 的判断条件

一. HTML

1. 什么是 HTML ?

HTML本质是超文本标记语言,能表现如文字、视频、音频、程序等复杂元素。

2. 什么是标签 ?

标签对的组成:标签名、属性(名值对)、内容

3. 重要标签说明
3.1 表格标签 table

thead tr th
tbody tr td

<table border="1">    
	<thead>        
		<tr>            
			<th>表头1th>   
	        <th>表头2th>        
	    tr>   
    thead>    
    <tbody>        
    	<tr>            
    		<td>内容1td>            
    		<td>内容2td>        
    	tr>    
    tbody> 
table>

  简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。
  tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元。
  tbody 标签表格主体(正文)。该标签用于组合 HTML 表格的主体内容。tbody 元素应该与 thead 和 tfoot 元素结合起来使用。
  thead 元素用于对 HTML 表格中的表头内容进行分组,而 tfoot 元素用于对 HTML 表格中的表注(页脚)内容进行分组。
  建议定义表格的时候,把 tbody,thead 都描述出来。

3.2 表单标签 form

  action/submit 操作执行的请求地址
  method:指定请求的类型 get/post
  form 表单提交是不一定要通过 submit 操作的,可以通过 AJAX 请求序列化表单(serialize())的 方式完成表单数据的提交。(AJAX 序列化就是将 form 中的数据构建为明值对的字符串统一的提交到后台)
  通过 form 表单提交和 AJAX 请求方式提交数据是两个原理完全不一样的设计方式。

  submit演示(通过submit提交,浏览器会把表单元素的数据以名值对的方式提交给服务器。)

<html>
	<head>
		<script type="text/javascript">
			function formSubmit(){
	  			document.getElementById("myForm").submit()
	  		}
		script>
	head>
	<body>
		<form id="myForm" action="js_form_action.asp" method="get">
			Firstname: <input type="text" name="firstname" size="20">
			Lastname:  <input type="text" name="lastname" size="20">
			<input type="button" onclick="formSubmit()" value="Submit">
		form>
	body>
html>

  关于 select 如何在 JS 中获取选中的值和选中的文本内容,在提交数据的时候,默认只会将select 中选中option的value值传递过去。

<form>    
	<select>        
		<option value="html">内容option>        
		<option value="html">内容option>        
		<option value="html">内容option>        
		<option value="html">内容option>        
		<option value="html">内容option>    
	select> 
form>

  form 是个什么样的概念?在Web 编程中,可以把 form 理解为一个数据集合(组),我们把这一 组数据包裹在 form 中,统一提交后台,进行业务逻辑的处理,在一个页面中可以有多个 form 存 在。 但是在 AJAX 请求中,可以不要求有 form 存在。

4. 关于浏览器

 浏览器就是能解析HTML、CSS、JavaScript、图片、音视频等内容的运行环境。 我们一般说的浏览器是指包括:IE/Firefox/Chrome/Opera等等,其中Firefox/Chrome我们称之为标准 浏览器,最符合W3C组织定义的相关技术规范。

5. 块级元素与内联元素

 简单而言,块级元素就是第一个元素在第一行 第二个元素就从第二行开始,内联元素是所有元素都在一行
①display:block就是将元素显示为块级元素。
 block元素的特点是:
  总是在新行上开始;
  高度,行高以及顶和底边距都可控制;
  宽度缺省是它的容器的100%,除非设定一个宽度
  

,

,

,
,

你可能感兴趣的:(日常记录)