HTML基础

221 阅读3分钟

第一章 DW网站开发工具

这是我参与8月更文挑战的第28天,活动详情查看:8月更文挑战

感激相遇 你好 我是y大壮

作者:y大壮
链接:juejin.cn/user/756923… 来源:掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

🌊🌈关于前言:

文章部分内容及图片出自网络,如有问题请与我本人联系

🌊🌈关于内容:

ctrl+u:首选参数,更改代码视图文字大小
ctrl+n:新建文件
ctrl+tab:编辑窗口切换
ctrl+alt+r:标尺

第二章 网站建站的流程

1.注册域名
2.租用空间
3.网站建设
4.网站推广
5.网站维护

第三章 标签

标题:
	<h1> </h1> h1标题只可以用一次,h2到h6可以用多次 

字体标记:
	<p></p> 段落标记,标识一个段落
	<i></i> <em></em>设置文字字体的倾斜凉果
	<b></b> , <strong></strong>:设置文本字体的加粗效果
	<u></u> 设置文体加下划线


空标记:
	<br /> 空标记,用来设置字体换行
	<hr /> 空标记,用做水平线

字符实体:
	 &nbsp 表示不换行空格
	 &gt   表示右>尖括号
	 &lt   表示左<尖括号
		 &gt h1 &lt   &gt / h1 &lt

列表(ul,ol,dl):
	HTML中有三种列表分别是无序列表有序列表自定义列表1.无序列表
		就是li前面有个点
		<ul>
			<li></li>
		</ul>
	2.有序列表
		就是1,2,3 a,b,c,I,II,III
		<ol>
			<li></li>
		</ol>
		<ol type="a">
			<li></li>
		</ol>
	3.自定义列表
		<dl>
			<dt>我是文章</dt>
			<dd>对他是文章</dd>22222222222222222
		</dl>
			
	
超链接:
	<a href="目标文件路径及全称或者地址" title="提示文件" target="_blank"保留原窗口> 链接文本或图片</a>
	<a href="#">空链接</a>
		href部分中url后边跟的是链接页面的路径(包含文件名)title属性,加入这个属性后,当鼠标移动到热点时,则在鼠标下方显示title的内容。


插入图片:
	<img src="图片的路径" border="边框" alt="图片替换文本" title="图片标题" width="宽" height="高" />
		src表示图片的来源存放路径,alt当图片不显示的时候,提示的信息,用户体验较好,title当鼠标停在改图片上时显示的信息,鼠标离开 就没有了
	../ 表示上一级


常用元素:
	<div></div>  没有具体含义,统称为块标签,用来设置文档区域,是文档布局常用对象
	<span></span> 文本结点标签可是某一小段文本,或是某一个字。


注释:
	<!--注释信息 -->



表格属性:
	<table>
		<tr>
			<td></td>
		</tr>
	</table>

	<tr>:行
	<td>:列
	width = "表格的宽度(像素)" 		height="表格的高度(像素)"
	border="表格的边框" (像素 )			bordercolor="边框色"
	cellspacing="单元格与单元格之间的间距"
	cellpadding="单元格与内容之间的距离"
	align="表格水平对齐方式 " left,right,center="居中",valign="垂直对齐"
	center:剧中
	top:上
	合并单元格属性:(td) 合并列:colspan="所要合并的单元格的列数" 合并行:rowspan="所要合并单元格的行数"(合并后要删除对应的行和)



表单:
	表单的作用:用来收集用户的信息的:
	1.表单框 
		 <from name="表单名称" method="post/get" action="路径"></form>
	2.表单控件
		<input type=""/>
		<input type="" name="" value="" size="" maxlength=""/>
		input:标记可以创建按钮,文本输入框,选择框,输入字段。
		name:属性标识表单域名称
		type:属性标识表单控件的类型。
		value:定义输入框中的显示文本
		maxlength:输入框中控制最多输入的字符数
		size:控制框的宽度(以字符为单位)

		文本框 <input type="text" value=""/>
		密码框 <input type="password" />
		提交按钮 <input type="submit" value="按钮内容" />
		重置按钮 <input type="reset" value="重置" />
		空按钮 <input type="button" value="按钮内容" />
		
		单选按钮组
			男<input type ="radio" name ="ral" />
			<input type="radio" name="ral" checked="女" /> 默认为女		//用name关联在一起

		复选框组
			<input type="checkbox" name=""/> <input type="checkbox" name="" disabled="disabled"/>	
			disabled="disabled"(禁用)  checked="checked"(默认选中) 


	下拉列表
		<select>
			<option>1999</option>
			<option>2000</option>
		</select>

	多行文本框
		<textarea name="" ccols="" rows=""></textarea>  :多行文本,rows属性和cols属性用来设置文本输入窗口的高度和宽度,单位是字符。阻止浏览器对窗口的拖动设置{resize:none}(css属性)