整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

网站搭建之html代码的基础认识

论是建站还是SEO,都需要对代码有一定的基础认识,毕竟网站搭建和SEO不分家嘛!况且互联网的时代,我们大多都应该看到代码但对它不陌生。

<html>网页开始

<head>网页头部

<title>网页标题</title>

<body>网页主体、内容</body>

<center>居中对齐</center>

<b>字体加粗</b>

<i>倾斜</i>

</br>换行

<p>段落</p>

<hr>水平线 (html)标签里面加属性修饰。例如:<hr width="50%"/> 50%为相对值 (500px)则为绝对值,可以进行变化。

属性值 对齐方式 aligh="left" 左 “right”右

网页注释:<!--注释的内容,浏览器无法显示,给开发人员看的-->

alt 跟SEO有关 alt=“描述”

line-height 行高(控制每行字之间的距离)

font-hright 调整字体 例如:<style="font-family 宋体">

超链接:<a href="超链接地址"/>这里为地址内容的名字</a>

target="blank" (在新的浏览窗口进行打开)

更多关于网站搭建的内容欢迎访问局外人SEO!

奇的代码

、HTML表单


  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Insert title here</title>
  6. </head>
  7. <body>
  8. <!-- 1.表单元素
  9. 用来声明数据提交的范围
  10. 只有在此元素内的数据可以提交给服务器 -->
  11. <!-- action属性用来声明数据提交的目标 -->
  12. <form action="http://www.baidu.com">
  13. <!-- 2.表单控件
  14. 用来让用户输入数据的
  15. 1)input元素(9个 ),它们之间用type元素区分-->
  16. <!-- 文本框
  17. value:设置默认值 maxlength:设置最大长度 readonly:设置只读 -->
  18. <p>
  19. 账号:<input type="text" value="lcz" maxlength="10"/>
  20. </p>
  21. <!-- 密码框 属性同上 -->
  22. <p>
  23. 密码:<input type="password">
  24. </p>
  25. <!-- 单选框 name:组名。同一组名互相排斥
  26. checked设置默认选中-->
  27. <p>
  28. 性别:
  29. <input type="radio" name="sex" checked="checked"/>男
  30. <input type="radio" name="sex"/>女
  31. </p>
  32. <!-- 多选框 checked:设置默认选中 -->
  33. <p>
  34. 兴趣爱好:
  35. <input type="checkbox" checked="checked"/>音乐
  36. <input type="checkbox" checked="checked"/>看书
  37. <input type="checkbox"/>打球
  38. </p>
  39. <!-- 文件框 -->
  40. <p>
  41. 头像上传:<input type="file"/>
  42. </p>
  43. <!-- 隐藏框 -->
  44. <p>
  45. <input type="hidden" value="abc"/>
  46. </p>
  47. <!-- 按钮
  48. submit:提交表单中的数据
  49. reset:将表单中的数据重置为初始值
  50. button:没有任何功能,需通过js定义功能 -->
  51. <p>
  52. <!-- 提交按钮 -->
  53. <input type="submit" value="注册">
  54. <!-- 重置按钮 -->
  55. <input type="reset" value="重置">
  56. <!-- 普通按钮 -->
  57. <input type="button" value="按钮">
  58. </p>
  59. <!--2)其他元素(3个) -->
  60. <!-- label:用来管理表单中的文本 id:是元素的唯一标志,相当于元素的身份证号,任何元素都可以由id,程序员有义务保证元素的id不重复
  61. 可以将文本与空间绑定在一起,从而增加了控件的受力面积。-->
  62. <p>
  63. <input type="checkbox" id="xieyi"/>
  64. <label for="xieyi">我已阅读并且自愿遵守此协议!</label>
  65. </p>
  66. <!-- select:下拉选 selected:设置默认选中 -->
  67. <p>
  68. 城市:
  69. <select>
  70. <option>请选择</option>
  71. <option selected="selected">北京</option>
  72. <option>上海</option>
  73. <option>广州</option>
  74. <option>深圳</option>
  75. <option>杭州</option>
  76. </select>
  77. </p>
  78. <!-- textarea:文本域 -->
  79. <p>
  80. 简介:<br>
  81. <textarea rows="10" cols="100">这是文本域的默认值</textarea>
  82. </p>
  83. </form>
  84. </body>
  85. </html>