第一章 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 /> 空标记,用做水平线
字符实体:
  表示不换行空格
> 表示右>尖括号
< 表示左<尖括号
例 > h1 < > / h1 <
列表(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属性)