新手入行,前端路漫漫,一起加油

HTML基础

一、WEB网页的组成
1.结构HTML
2.表现CSS
3.行为JavaScript
二、HTML相关的
1.XHTML指可扩展超文本标记语言
2.HTML是超文本标记语言
3.HTML5是HTML的第五个版本
4.既包含了HTML+CSS的网页制作,也包含了JavaScript这门编程语言的相关开发
5.文件命名规范
(1)文件命名规则:用英文,不用中文
(2)名称全部小写英文字母、数字、下划线的组合
6.语法
(1)常规标记 双标记
<标记 属性=“属性值”>文字内容</标记>、
(2)空标记 单标记
<标记 属性=“属性值” />
7.HTML的结构

	<!DOCTYPE  html>   声明当前文档类型是HTML
	<meta  charset=“utf-8”>必须要写,如果丢失会出现乱码
	<title></title>标题,显示在状态栏

三、HTML相关的标签

	1.文本标题 <h1></h1>、<h2></h2>、<h3></h3>、<h4></h4>、<h5></h5>、<h6></h6>
	2.段落 <p></p>
	3.加粗 <strong></strong>、<b></b>
	4.倾斜 <em></em>、<i></i>
	5.强制换行 <br />
	6.水平线  <hr />
	7.上标 <sup></sup>
	8.下标<sub></sub>
	9.空格 &nbsp;
	10.版权 &copy;
	11.商标 &reg
	12.
		<ul>
			<li>无序列表</li>
		</ul>
		<ol>
			<li>有序列表</li>
		</ol>
		<dl>
			<dt>可以是文字也可以是图</dt>
			<dl>相关文字</dl>
		</dl>
		想要改变列表默认的符号样式,需要给ul添加属性type
		type:circle  空心圆
		type:disc  实心圆
		type:aquare  方形
		在有序列表中,想要改变列表符号样式用属性type
		1 A a I i
		改变开始位置的属性   start=“”
	13.插入图片
		<img src="文件的路径” title=“鼠标悬停上去的提示信息” alt="图片丢失后提显示的信息" />
	14.文件的路径
	(1)绝对路径
	(2)相对路径
		a.如果当前文件和目标文件在同意目录
		路径的写法:文件的名字.扩展名
		b.如果当前文件和目标文件所在的文件夹在同一目录
		路径的写法:目标文件的文件夹名字/目标文件.扩展名
		c.如果当前文件所在的文件夹和目标文件在同一目录
		路径的写法:../目标文件的名字.扩展名
	15.超链接
		<a href="跳转的路径" title=“” target=“定义窗口的打开方式”></a>
		target属性规定在何处打开文档  _self 默认值   _blank 新窗口打开
	16.页面划分区域<div></div>
	17.表格
		(1)创建表格
			<table>创建表格
				<tr>创建表格内的行
					<td>创建行内的单元格
				</tr>
			</table>
		(2)表格的相关属性
		宽度 width    高度 height  边框 border   边框颜色  bordercolor
		背景颜色 backgroundcolor/bgcolor
		文字水平对齐  align="left/right/center"
		文字垂直对齐  valign=“top/middle/bottom”
		cellspacing="单元格与单元格之间的间距" 必须给table
		cellpadding="单元格与内容之间的空隙" 必须给table
		合并单元格 colspan="所要合并单元格的列数"
				   rowspan="所要合并的单元格的行数"
				   合并行和合并列都要给td
				   合并之后要把多余的单元格删除
	18.表单
		创建表单
			<form action="向何处发送表单数据" method="get/post">
				<input /> 属性type定义输入框类型
							文本框 text   密码框 password
							提交框 submit  按钮框 button
							重置框  reset
						 属性placeholder描述输入字段的预期值的简短提示信息,兼容IE8以上
						 属性name必须设置,否则在提交表单时,用户在其中输入的数据不会发送给服务器
						 属性value
			</form>
			属性value对于不同input类型,用法不同
				对于button、reset、submit类型,是定义按钮上的文本
				对于text、password、hidden类型,是定义输入字段的值,当提交表单的时候,该值会发送到表单的action  URL
			
发布了29 篇原创文章 · 获赞 3 · 访问量 876

猜你喜欢

转载自blog.csdn.net/qq_43756690/article/details/104068566
今日推荐