接触HTML和CSS心得体会

1.HTML

它负责网页的三个要素之中的结构；

HTML使用标签的形式来标识网页中的不同组成部分

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>This is a Title</title></head><body><!-- html1中的标题标签：h1-h6 --><!-- h强调的是重要性 --><h1>This is the first Title</h1><h2>This is the second Title</h2><h3>This is the third Title</h3><h4>This is the fourth Title</h4><h5>This is the fifth Title</h5><h6>This is the sixth Title</h6><!-- 换行 --><br/><!-- 分割线 --><hr/>safe<hr/><!-- ul:unordered list:

1.在HTML文件中，可以利用成对的<ul></ul>标记来插入无序列表，中间的列表项标签<li></li>（list-items）用来定义列表项序列

2.使用无序列表标签ul的type属性（使用CSS的list-style来代替）。用户可以指定出现在列表项前的项目符号的样式，其取值以及相应的符号样式如

          --><ul><li>张三</li><li>李四</li><li>王五</li></ul></body>
</html>

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>Insert title here</title></head><body><!-- 在html中使用form标签创建一个表单action：代表要跳转到的目标地址--><form action="table.html">用户名：<input type="text" name="username" value="张三"/><br/>密码：<input type="password" name="pass" ><br/><!-- html中的单选是通过name属性值来区分是否是同一组的 -->性别：<input type="radio" name="sex"/>男<input type="radio" name="sex"/>女<br/>爱好：<input type="checkbox" name="hobby" value="yu"/>羽毛球<input type="checkbox" name="hobby" value="basketball"/>篮球<input type="checkbox" name="hobby" value="football"/>足球<br/>籍贯：<!-- 对于select下拉列表而言，name属性和value属性是分开的 --><select name="address"><option value="beijing">北京 </option><option value="shanghai">上海</option><option value="tianjin">天津</option></select>  <br/>                            <input type="submit" name="Submit"/></form></body></html>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body><!-- img标签用于加载图片alt:表示图片未正常加载的时候需要显示的信息src:图片的路径相对路径：表示的是相对于当前文件所在目录的路径                                        1）和当前文件在同一目录下2）图片所在的目录和当前文件在同一文件夹3）图片所在的目录是在当前文件的上一级或上级                 绝对路径：   http：//-->
</body>
</html>

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><!-- 内部样式表 --><style type="text/css">    p{color:red;}#sss{color:pink;}''.ds{font-size:20px;}     </style></head><body><!-- 不建议将表现和构建写在一起W3C建议将，骨架(html),表现(css),行为(js)三者分离开来--><!-- 行内样式表 --><p>床前明月光，<br/>疑是地上霜，<br/>举头望明月，<br/>低头思故乡。<br/></p><!-- id:属性在整个html页面中必须是唯一的 --><p id="sss" class="ds">我是什么颜色的？</p><p id="sss" class="ds">我是什么颜色的？</p></body>
</html>

转载于:https://www.cnblogs.com/qgy960328/p/7794918.html

接触HTML和CSS心得体会相关推荐

html表单的课后心得体会,web前端学习心得体会范文
<web前端学习心得体会范文>由会员分享,可在线阅读,更多相关<web前端学习心得体会范文(2页珍藏版)>请在装配图网上搜索. 1.web前端学习心得体会范文web前端学习心得 ...
php实训心得体会doc,php实训报告心得体会php实训报告心得体会
php实训报告心得体会php实训报告心得体会Tag内容描述: 1.php实训心得]php心得体会 php实训心得 PHP 是一种 HTML 内嵌式的语言,PHP与微软的ASP颇有几分相似,都是一种在服 ...
大学生php实训总结_php实训报告心得体会
php 实训报告心得体会 php 实训报告心得体会我想在讲述自己的学习方式前,对那些期望能从我的文章中获得有用信息的人说一句心里话: 我的文章不会对您的学习起到实质性的作用,您能否成功,还得靠 ...
java学不下去能学web安全吗,这半年学习 Web 安全的一点心得体会
原标题:这半年学习 Web 安全的一点心得体会来自公众号: 信安之路大家好,我是 Mirror(王宇阳),专科在读的大二学生:接触信安时间不长,大佬多多指教.信安之路成长平台网站开放后我就在双十一 ...
大学生html5实训心得体会,实训心得体会600字（精选5篇）
实训心得体会600字(精选5篇) 当我们心中积累了不少感想和见解时,写一篇心得体会,记录下来,这样我们就可以提高对思维的训练.但是心得体会有什么要求呢?下面是小编帮大家整理的实训心得体会600字(精选 ...
html5网页制作心得体会,网页设计课程学习心得总结
网页设计师需要不断地调整视觉元素,改进界面设计来满足不同用户的需求和偏好,图片是网页设计的重要设计元素,如何更好地在网页设计中应用图片元素显得尤为重要.下面是小编为大家整理的,供你参考! 篇1 转瞬之 ...
php实训制作登录界面总结,php实训报告心得体会
<php实训报告心得体会>由会员分享,可在线阅读,更多相关<php实训报告心得体会(6页珍藏版)>请在人人文库网上搜索. 1.php 实训报告心得体会12020 年 4 月 1 ...
php课程实验总结报告_php实训心得体会范文
php实训心得体会参加中职教师培训,能在老师的指导下学习,在这里我学到了很多的新知识,最近学习的php动态网页设计就是其中之一,虽然以前有过高级语言的基础,但php动态网页设计这门课程对我仍然有一定 ...
尘埃落定，纪念我的校招（附腾讯，京东，YY，唯品会的面试题+个人前端心得体会）...
这篇文章很长,如果你觉得我写的好,请耐心看完. 互联网的校招,来的早,去的快,从7月底,阿里和腾讯的校招启动,这场互联网的战声就已拉响. 校招是一个特别折腾你的东西,从网申,笔试,面试,签约,一步一步 ...

接触HTML和CSS心得体会

接触HTML和CSS心得体会相关推荐

最新文章

热门文章